#CC9F8C - #F0E3DE | 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 #CC9F8C to #F0E3DE

#CC9F8C #F0E3DE

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

#CC9F8C - #F0E3DE | 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 #CC9F8C as 0% and #F0E3DE as 100%.

0.0%	0.0% #CC9F8C	RGB 204 159 140	#CC9F8C
16.7%	16.7% #D2AA99	RGB 210 170 153	#D2AA99
33.3%	33.3% #D8B5A7	RGB 216 181 167	#D8B5A7
50.0%	50.0% #DEC1B5	RGB 222 193 181	#DEC1B5
66.7%	66.7% #E4CCC2	RGB 228 204 194	#E4CCC2
83.3%	83.3% #EAD7D0	RGB 234 215 208	#EAD7D0
100.0%	100.0% #F0E3DE	RGB 240 227 222	#F0E3DE

#CC9F8C #D2AA99 #D8B5A7 #DEC1B5 #E4CCC2 #EAD7D0 #F0E3DE

#CC9F8C - #F0E3DE

HSV Blend

#CC9F8C - #F0E3DE | 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 #CC9F8C as 0% and #F0E3DE as 100%.

0.0%	0.0% #CC9F8C	RGB 204 159 140	#CC9F8C
16.7%	16.7% #D2A998	RGB 210 169 152	#D2A998
33.3%	33.3% #D8B4A5	RGB 216 180 165	#D8B4A5
50.0%	50.0% #DEBFB2	RGB 222 191 178	#DEBFB2
66.7%	66.7% #E4CAC0	RGB 228 202 192	#E4CAC0
83.3%	83.3% #EAD6CF	RGB 234 214 207	#EAD6CF
100.0%	100.0% #F0E3DE	RGB 240 227 222	#F0E3DE

#CC9F8C #D2A998 #D8B4A5 #DEBFB2 #E4CAC0 #EAD6CF #F0E3DE

#CC9F8C - #DEBFB2 - #F0E3DE

CSS codes

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

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