#CCA8AD - #FFE3C0 | 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 #CCA8AD to #FFE3C0

#CCA8AD #FFE3C0

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

#CCA8AD - #FFE3C0 | 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 #CCA8AD as 0% and #FFE3C0 as 100%.

0.0%	0.0% #CCA8AD	RGB 204 168 173	#CCA8AD
16.7%	16.7% #D4B1B0	RGB 212 177 176	#D4B1B0
33.3%	33.3% #DDBBB3	RGB 221 187 179	#DDBBB3
50.0%	50.0% #E5C5B6	RGB 229 197 182	#E5C5B6
66.7%	66.7% #EECFB9	RGB 238 207 185	#EECFB9
83.3%	83.3% #F6D9BC	RGB 246 217 188	#F6D9BC
100.0%	100.0% #FFE3C0	RGB 255 227 192	#FFE3C0

#CCA8AD #D4B1B0 #DDBBB3 #E5C5B6 #EECFB9 #F6D9BC #FFE3C0

#CCA8AD - #FFE3C0

HSV Blend

#CCA8AD - #FFE3C0 | 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 #CCA8AD as 0% and #FFE3C0 as 100%.

0.0%	0.0% #CCA8AD	RGB 204 168 173	#CCA8AD
16.7%	16.7% #D4ACAD	RGB 212 172 173	#D4ACAD
33.3%	33.3% #DDB4B0	RGB 221 180 176	#DDB4B0
50.0%	50.0% #E5BFB4	RGB 229 191 180	#E5BFB4
66.7%	66.7% #EECAB8	RGB 238 202 184	#EECAB8
83.3%	83.3% #F6D6BC	RGB 246 214 188	#F6D6BC
100.0%	100.0% #FFE3C0	RGB 255 227 192	#FFE3C0

#CCA8AD #D4ACAD #DDB4B0 #E5BFB4 #EECAB8 #F6D6BC #FFE3C0

#CCA8AD - #E5BFB4 - #FFE3C0

CSS codes

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

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