#CCA8AF - #FFE3C3 | 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 #CCA8AF to #FFE3C3

#CCA8AF #FFE3C3

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

#CCA8AF - #FFE3C3 | 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 #CCA8AF as 0% and #FFE3C3 as 100%.

0.0%	0.0% #CCA8AF	RGB 204 168 175	#CCA8AF
16.7%	16.7% #D4B1B2	RGB 212 177 178	#D4B1B2
33.3%	33.3% #DDBBB5	RGB 221 187 181	#DDBBB5
50.0%	50.0% #E5C5B9	RGB 229 197 185	#E5C5B9
66.7%	66.7% #EECFBC	RGB 238 207 188	#EECFBC
83.3%	83.3% #F6D9BF	RGB 246 217 191	#F6D9BF
100.0%	100.0% #FFE3C3	RGB 255 227 195	#FFE3C3

#CCA8AF #D4B1B2 #DDBBB5 #E5C5B9 #EECFBC #F6D9BF #FFE3C3

#CCA8AF - #FFE3C3

HSV Blend

#CCA8AF - #FFE3C3 | 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 #CCA8AF as 0% and #FFE3C3 as 100%.

0.0%	0.0% #CCA8AF	RGB 204 168 175	#CCA8AF
16.7%	16.7% #D4ACAF	RGB 212 172 175	#D4ACAF
33.3%	33.3% #DDB3B1	RGB 221 179 177	#DDB3B1
50.0%	50.0% #E5BEB6	RGB 229 190 182	#E5BEB6
66.7%	66.7% #EEC9BA	RGB 238 201 186	#EEC9BA
83.3%	83.3% #F6D5BE	RGB 246 213 190	#F6D5BE
100.0%	100.0% #FFE3C3	RGB 255 227 195	#FFE3C3

#CCA8AF #D4ACAF #DDB3B1 #E5BEB6 #EEC9BA #F6D5BE #FFE3C3

#CCA8AF - #E5BEB6 - #FFE3C3

CSS codes

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

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