#CCADA6 - #FFE8C4 | 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 #CCADA6 to #FFE8C4

#CCADA6 #FFE8C4

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

#CCADA6 - #FFE8C4 | 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 #CCADA6 as 0% and #FFE8C4 as 100%.

0.0%	0.0% #CCADA6	RGB 204 173 166	#CCADA6
16.7%	16.7% #D4B6AB	RGB 212 182 171	#D4B6AB
33.3%	33.3% #DDC0B0	RGB 221 192 176	#DDC0B0
50.0%	50.0% #E5CAB5	RGB 229 202 181	#E5CAB5
66.7%	66.7% #EED4BA	RGB 238 212 186	#EED4BA
83.3%	83.3% #F6DEBF	RGB 246 222 191	#F6DEBF
100.0%	100.0% #FFE8C4	RGB 255 232 196	#FFE8C4

#CCADA6 #D4B6AB #DDC0B0 #E5CAB5 #EED4BA #F6DEBF #FFE8C4

#CCADA6 - #FFE8C4

HSV Blend

#CCADA6 - #FFE8C4 | 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 #CCADA6 as 0% and #FFE8C4 as 100%.

0.0%	0.0% #CCADA6	RGB 204 173 166	#CCADA6
16.7%	16.7% #D4B5AB	RGB 212 181 171	#D4B5AB
33.3%	33.3% #DDBFB0	RGB 221 191 176	#DDBFB0
50.0%	50.0% #E5C8B5	RGB 229 200 181	#E5C8B5
66.7%	66.7% #EED2BA	RGB 238 210 186	#EED2BA
83.3%	83.3% #F6DDBF	RGB 246 221 191	#F6DDBF
100.0%	100.0% #FFE8C4	RGB 255 232 196	#FFE8C4

#CCADA6 #D4B5AB #DDBFB0 #E5C8B5 #EED2BA #F6DDBF #FFE8C4

#CCADA6 - #E5C8B5 - #FFE8C4

CSS codes

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

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