#CCAEA8 - #FFE8C6 | 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 #CCAEA8 to #FFE8C6

#CCAEA8 #FFE8C6

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

#CCAEA8 - #FFE8C6 | 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 #CCAEA8 as 0% and #FFE8C6 as 100%.

0.0%	0.0% #CCAEA8	RGB 204 174 168	#CCAEA8
16.7%	16.7% #D4B7AD	RGB 212 183 173	#D4B7AD
33.3%	33.3% #DDC1B2	RGB 221 193 178	#DDC1B2
50.0%	50.0% #E5CBB7	RGB 229 203 183	#E5CBB7
66.7%	66.7% #EED4BC	RGB 238 212 188	#EED4BC
83.3%	83.3% #F6DEC1	RGB 246 222 193	#F6DEC1
100.0%	100.0% #FFE8C6	RGB 255 232 198	#FFE8C6

#CCAEA8 #D4B7AD #DDC1B2 #E5CBB7 #EED4BC #F6DEC1 #FFE8C6

#CCAEA8 - #FFE8C6

HSV Blend

#CCAEA8 - #FFE8C6 | 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 #CCAEA8 as 0% and #FFE8C6 as 100%.

0.0%	0.0% #CCAEA8	RGB 204 174 168	#CCAEA8
16.7%	16.7% #D4B6AD	RGB 212 182 173	#D4B6AD
33.3%	33.3% #DDBFB2	RGB 221 191 178	#DDBFB2
50.0%	50.0% #E5C9B7	RGB 229 201 183	#E5C9B7
66.7%	66.7% #EED2BC	RGB 238 210 188	#EED2BC
83.3%	83.3% #F6DDC1	RGB 246 221 193	#F6DDC1
100.0%	100.0% #FFE8C6	RGB 255 232 198	#FFE8C6

#CCAEA8 #D4B6AD #DDBFB2 #E5C9B7 #EED2BC #F6DDC1 #FFE8C6

#CCAEA8 - #E5C9B7 - #FFE8C6

CSS codes

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

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