#FBFF8C - #E3E2F6 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #FBFF8C to #E3E2F6

#FBFF8C #E3E2F6

Calculate the color between two colors, #FBFF8C and #E3E2F6. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#FBFF8C - #E3E2F6 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #FBFF8C as 0% and #E3E2F6 as 100%.

0.0%	0.0% #FBFF8C	RGB 251 255 140	#FBFF8C
16.7%	16.7% #F7FA9D	RGB 247 250 157	#F7FA9D
33.3%	33.3% #F3F5AF	RGB 243 245 175	#F3F5AF
50.0%	50.0% #EFF0C1	RGB 239 240 193	#EFF0C1
66.7%	66.7% #EBEBD2	RGB 235 235 210	#EBEBD2
83.3%	83.3% #E7E6E4	RGB 231 230 228	#E7E6E4
100.0%	100.0% #E3E2F6	RGB 227 226 246	#E3E2F6

#FBFF8C #F7FA9D #F3F5AF #EFF0C1 #EBEBD2 #E7E6E4 #E3E2F6

#FBFF8C - #E3E2F6

HSV Blend

#FBFF8C - #E3E2F6 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #FBFF8C as 0% and #E3E2F6 as 100%.

0.0%	0.0% #FBFF8C	RGB 251 255 140	#FBFF8C
16.7%	16.7% #FDCF9A	RGB 253 207 154	#FDCF9A
33.3%	33.3% #FCACA9	RGB 252 172 169	#FCACA9
50.0%	50.0% #FAB7D6	RGB 250 183 214	#FAB7D6
66.7%	66.7% #F9C6F6	RGB 249 198 246	#F9C6F6
83.3%	83.3% #E7D4F7	RGB 231 212 247	#E7D4F7
100.0%	100.0% #E3E2F6	RGB 227 226 246	#E3E2F6

#FBFF8C #FDCF9A #FCACA9 #FAB7D6 #F9C6F6 #E7D4F7 #E3E2F6

#FBFF8C - #FAB7D6 - #E3E2F6

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #FBFF8C 0%, #E3E2F6 100%);
    background: -webkit-linear-gradient(top, #FBFF8C 0%, #E3E2F6 100%);
    background: linear-gradient(to bottom, #FBFF8C 0%, #E3E2F6 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FBFF8C 0%, #FAB7D6 50%, #E3E2F6 100%);
    background: -webkit-linear-gradient(top, #FBFF8C 0%, #FAB7D6 50%, #E3E2F6 100%);
    background: linear-gradient(to bottom, #FBFF8C 0%, #FAB7D6 50%, #E3E2F6 100%);
}
</style>