#CCA8BA - #FFE8D4 | 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 #CCA8BA to #FFE8D4

#CCA8BA #FFE8D4

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

#CCA8BA - #FFE8D4 | 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 #CCA8BA as 0% and #FFE8D4 as 100%.

0.0%	0.0% #CCA8BA	RGB 204 168 186	#CCA8BA
16.7%	16.7% #D4B2BE	RGB 212 178 190	#D4B2BE
33.3%	33.3% #DDBDC2	RGB 221 189 194	#DDBDC2
50.0%	50.0% #E5C8C7	RGB 229 200 199	#E5C8C7
66.7%	66.7% #EED2CB	RGB 238 210 203	#EED2CB
83.3%	83.3% #F6DDCF	RGB 246 221 207	#F6DDCF
100.0%	100.0% #FFE8D4	RGB 255 232 212	#FFE8D4

#CCA8BA #D4B2BE #DDBDC2 #E5C8C7 #EED2CB #F6DDCF #FFE8D4

#CCA8BA - #FFE8D4

HSV Blend

#CCA8BA - #FFE8D4 | 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 #CCA8BA as 0% and #FFE8D4 as 100%.

0.0%	0.0% #CCA8BA	RGB 204 168 186	#CCA8BA
16.7%	16.7% #D4AFBB	RGB 212 175 187	#D4AFBB
33.3%	33.3% #DDB6BD	RGB 221 182 189	#DDB6BD
50.0%	50.0% #E5BDBE	RGB 229 189 190	#E5BDBE
66.7%	66.7% #EECBC5	RGB 238 203 197	#EECBC5
83.3%	83.3% #F6D9CC	RGB 246 217 204	#F6D9CC
100.0%	100.0% #FFE8D4	RGB 255 232 212	#FFE8D4

#CCA8BA #D4AFBB #DDB6BD #E5BDBE #EECBC5 #F6D9CC #FFE8D4

#CCA8BA - #E5BDBE - #FFE8D4

CSS codes

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

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