#CEA29B - #FFF2B8 | 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 #CEA29B to #FFF2B8

#CEA29B #FFF2B8

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

#CEA29B - #FFF2B8 | 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 #CEA29B as 0% and #FFF2B8 as 100%.

0.0%	0.0% #CEA29B	RGB 206 162 155	#CEA29B
16.7%	16.7% #D6AF9F	RGB 214 175 159	#D6AF9F
33.3%	33.3% #DEBCA4	RGB 222 188 164	#DEBCA4
50.0%	50.0% #E6CAA9	RGB 230 202 169	#E6CAA9
66.7%	66.7% #EED7AE	RGB 238 215 174	#EED7AE
83.3%	83.3% #F6E4B3	RGB 246 228 179	#F6E4B3
100.0%	100.0% #FFF2B8	RGB 255 242 184	#FFF2B8

#CEA29B #D6AF9F #DEBCA4 #E6CAA9 #EED7AE #F6E4B3 #FFF2B8

#CEA29B - #FFF2B8

HSV Blend

#CEA29B - #FFF2B8 | 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 #CEA29B as 0% and #FFF2B8 as 100%.

0.0%	0.0% #CEA29B	RGB 206 162 155	#CEA29B
16.7%	16.7% #D6ADA0	RGB 214 173 160	#D6ADA0
33.3%	33.3% #DEB9A5	RGB 222 185 165	#DEB9A5
50.0%	50.0% #E6C6A9	RGB 230 198 169	#E6C6A9
66.7%	66.7% #EED4AE	RGB 238 212 174	#EED4AE
83.3%	83.3% #F6E2B3	RGB 246 226 179	#F6E2B3
100.0%	100.0% #FFF2B8	RGB 255 242 184	#FFF2B8

#CEA29B #D6ADA0 #DEB9A5 #E6C6A9 #EED4AE #F6E2B3 #FFF2B8

#CEA29B - #E6C6A9 - #FFF2B8

CSS codes

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

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