#CC9F9A - #F0E3E2 | 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 #CC9F9A to #F0E3E2

#CC9F9A #F0E3E2

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

#CC9F9A - #F0E3E2 | 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 #CC9F9A as 0% and #F0E3E2 as 100%.

0.0%	0.0% #CC9F9A	RGB 204 159 154	#CC9F9A
16.7%	16.7% #D2AAA6	RGB 210 170 166	#D2AAA6
33.3%	33.3% #D8B5B2	RGB 216 181 178	#D8B5B2
50.0%	50.0% #DEC1BE	RGB 222 193 190	#DEC1BE
66.7%	66.7% #E4CCCA	RGB 228 204 202	#E4CCCA
83.3%	83.3% #EAD7D6	RGB 234 215 214	#EAD7D6
100.0%	100.0% #F0E3E2	RGB 240 227 226	#F0E3E2

#CC9F9A #D2AAA6 #D8B5B2 #DEC1BE #E4CCCA #EAD7D6 #F0E3E2

#CC9F9A - #F0E3E2

HSV Blend

#CC9F9A - #F0E3E2 | 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 #CC9F9A as 0% and #F0E3E2 as 100%.

0.0%	0.0% #CC9F9A	RGB 204 159 154	#CC9F9A
16.7%	16.7% #D2A9A5	RGB 210 169 165	#D2A9A5
33.3%	33.3% #D8B4B0	RGB 216 180 176	#D8B4B0
50.0%	50.0% #DEBFBC	RGB 222 191 188	#DEBFBC
66.7%	66.7% #E4CAC8	RGB 228 202 200	#E4CAC8
83.3%	83.3% #EAD6D5	RGB 234 214 213	#EAD6D5
100.0%	100.0% #F0E3E2	RGB 240 227 226	#F0E3E2

#CC9F9A #D2A9A5 #D8B4B0 #DEBFBC #E4CAC8 #EAD6D5 #F0E3E2

#CC9F9A - #DEBFBC - #F0E3E2

CSS codes

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

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