#FFFFF9 - #CEAEA5 | 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 #FFFFF9 to #CEAEA5

#FFFFF9 #CEAEA5

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

#FFFFF9 - #CEAEA5 | 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 #FFFFF9 as 0% and #CEAEA5 as 100%.

0.0%	0.0% #FFFFF9	RGB 255 255 249	#FFFFF9
16.7%	16.7% #F6F1EB	RGB 246 241 235	#F6F1EB
33.3%	33.3% #EEE4DD	RGB 238 228 221	#EEE4DD
50.0%	50.0% #E6D6CF	RGB 230 214 207	#E6D6CF
66.7%	66.7% #DEC9C1	RGB 222 201 193	#DEC9C1
83.3%	83.3% #D6BBB3	RGB 214 187 179	#D6BBB3
100.0%	100.0% #CEAEA5	RGB 206 174 165	#CEAEA5

#FFFFF9 #F6F1EB #EEE4DD #E6D6CF #DEC9C1 #D6BBB3 #CEAEA5

#FFFFF9 - #CEAEA5

HSV Blend

#FFFFF9 - #CEAEA5 | 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 #FFFFF9 as 0% and #CEAEA5 as 100%.

0.0%	0.0% #FFFFF9	RGB 255 255 249	#FFFFF9
16.7%	16.7% #F6F5E9	RGB 246 245 233	#F6F5E9
33.3%	33.3% #EEE9DB	RGB 238 233 219	#EEE9DB
50.0%	50.0% #E6DCCC	RGB 230 220 204	#E6DCCC
66.7%	66.7% #DECEBF	RGB 222 206 191	#DECEBF
83.3%	83.3% #D6BEB1	RGB 214 190 177	#D6BEB1
100.0%	100.0% #CEAEA5	RGB 206 174 165	#CEAEA5

#FFFFF9 #F6F5E9 #EEE9DB #E6DCCC #DECEBF #D6BEB1 #CEAEA5

#FFFFF9 - #E6DCCC - #CEAEA5

CSS codes

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

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