#CCAFB9 - #FFE8CD | 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 #CCAFB9 to #FFE8CD

#CCAFB9 #FFE8CD

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

#CCAFB9 - #FFE8CD | 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 #CCAFB9 as 0% and #FFE8CD as 100%.

0.0%	0.0% #CCAFB9	RGB 204 175 185	#CCAFB9
16.7%	16.7% #D4B8BC	RGB 212 184 188	#D4B8BC
33.3%	33.3% #DDC2BF	RGB 221 194 191	#DDC2BF
50.0%	50.0% #E5CBC3	RGB 229 203 195	#E5CBC3
66.7%	66.7% #EED5C6	RGB 238 213 198	#EED5C6
83.3%	83.3% #F6DEC9	RGB 246 222 201	#F6DEC9
100.0%	100.0% #FFE8CD	RGB 255 232 205	#FFE8CD

#CCAFB9 #D4B8BC #DDC2BF #E5CBC3 #EED5C6 #F6DEC9 #FFE8CD

#CCAFB9 - #FFE8CD

HSV Blend

#CCAFB9 - #FFE8CD | 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 #CCAFB9 as 0% and #FFE8CD as 100%.

0.0%	0.0% #CCAFB9	RGB 204 175 185	#CCAFB9
16.7%	16.7% #D4B4BA	RGB 212 180 186	#D4B4BA
33.3%	33.3% #DDB9BB	RGB 221 185 187	#DDB9BB
50.0%	50.0% #E5C2BE	RGB 229 194 190	#E5C2BE
66.7%	66.7% #EECDC3	RGB 238 205 195	#EECDC3
83.3%	83.3% #F6DAC8	RGB 246 218 200	#F6DAC8
100.0%	100.0% #FFE8CD	RGB 255 232 205	#FFE8CD

#CCAFB9 #D4B4BA #DDB9BB #E5C2BE #EECDC3 #F6DAC8 #FFE8CD

#CCAFB9 - #E5C2BE - #FFE8CD

CSS codes

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

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