#FFF2D3 - #FFFBF2 | 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 #FFF2D3 to #FFFBF2

#FFF2D3 #FFFBF2

Calculate the color between two colors, #FFF2D3 and #FFFBF2. 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)

#FFF2D3 - #FFFBF2 | 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 #FFF2D3 as 0% and #FFFBF2 as 100%.

0.0%	0.0% #FFF2D3	RGB 255 242 211	#FFF2D3
16.7%	16.7% #FFF3D8	RGB 255 243 216	#FFF3D8
33.3%	33.3% #FFF5DD	RGB 255 245 221	#FFF5DD
50.0%	50.0% #FFF6E2	RGB 255 246 226	#FFF6E2
66.7%	66.7% #FFF8E7	RGB 255 248 231	#FFF8E7
83.3%	83.3% #FFF9EC	RGB 255 249 236	#FFF9EC
100.0%	100.0% #FFFBF2	RGB 255 251 242	#FFFBF2

#FFF2D3 #FFF3D8 #FFF5DD #FFF6E2 #FFF8E7 #FFF9EC #FFFBF2

#FFF2D3 - #FFFBF2

HSV Blend

#FFF2D3 - #FFFBF2 | 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 #FFF2D3 as 0% and #FFFBF2 as 100%.

0.0%	0.0% #FFF2D3	RGB 255 242 211	#FFF2D3
16.7%	16.7% #FFF3D8	RGB 255 243 216	#FFF3D8
33.3%	33.3% #FFF4DD	RGB 255 244 221	#FFF4DD
50.0%	50.0% #FFF6E2	RGB 255 246 226	#FFF6E2
66.7%	66.7% #FFF7E7	RGB 255 247 231	#FFF7E7
83.3%	83.3% #FFF9EC	RGB 255 249 236	#FFF9EC
100.0%	100.0% #FFFBF2	RGB 255 251 242	#FFFBF2

#FFF2D3 #FFF3D8 #FFF4DD #FFF6E2 #FFF7E7 #FFF9EC #FFFBF2

#FFF2D3 - #FFF6E2 - #FFFBF2

CSS codes

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

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