#CEAEA8 - #FFE9C7 | 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 #CEAEA8 to #FFE9C7

#CEAEA8 #FFE9C7

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

#CEAEA8 - #FFE9C7 | 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 #CEAEA8 as 0% and #FFE9C7 as 100%.

0.0%	0.0% #CEAEA8	RGB 206 174 168	#CEAEA8
16.7%	16.7% #D6B7AD	RGB 214 183 173	#D6B7AD
33.3%	33.3% #DEC1B2	RGB 222 193 178	#DEC1B2
50.0%	50.0% #E6CBB7	RGB 230 203 183	#E6CBB7
66.7%	66.7% #EED5BC	RGB 238 213 188	#EED5BC
83.3%	83.3% #F6DFC1	RGB 246 223 193	#F6DFC1
100.0%	100.0% #FFE9C7	RGB 255 233 199	#FFE9C7

#CEAEA8 #D6B7AD #DEC1B2 #E6CBB7 #EED5BC #F6DFC1 #FFE9C7

#CEAEA8 - #FFE9C7

HSV Blend

#CEAEA8 - #FFE9C7 | 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 #CEAEA8 as 0% and #FFE9C7 as 100%.

0.0%	0.0% #CEAEA8	RGB 206 174 168	#CEAEA8
16.7%	16.7% #D6B6AD	RGB 214 182 173	#D6B6AD
33.3%	33.3% #DEC0B2	RGB 222 192 178	#DEC0B2
50.0%	50.0% #E6C9B7	RGB 230 201 183	#E6C9B7
66.7%	66.7% #EED3BD	RGB 238 211 189	#EED3BD
83.3%	83.3% #F6DEC2	RGB 246 222 194	#F6DEC2
100.0%	100.0% #FFE9C7	RGB 255 233 199	#FFE9C7

#CEAEA8 #D6B6AD #DEC0B2 #E6C9B7 #EED3BD #F6DEC2 #FFE9C7

#CEAEA8 - #E6C9B7 - #FFE9C7

CSS codes

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

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