#CC9F98 - #F0E3E1 | 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 #CC9F98 to #F0E3E1

#CC9F98 #F0E3E1

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

#CC9F98 - #F0E3E1 | 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 #CC9F98 as 0% and #F0E3E1 as 100%.

0.0%	0.0% #CC9F98	RGB 204 159 152	#CC9F98
16.7%	16.7% #D2AAA4	RGB 210 170 164	#D2AAA4
33.3%	33.3% #D8B5B0	RGB 216 181 176	#D8B5B0
50.0%	50.0% #DEC1BC	RGB 222 193 188	#DEC1BC
66.7%	66.7% #E4CCC8	RGB 228 204 200	#E4CCC8
83.3%	83.3% #EAD7D4	RGB 234 215 212	#EAD7D4
100.0%	100.0% #F0E3E1	RGB 240 227 225	#F0E3E1

#CC9F98 #D2AAA4 #D8B5B0 #DEC1BC #E4CCC8 #EAD7D4 #F0E3E1

#CC9F98 - #F0E3E1

HSV Blend

#CC9F98 - #F0E3E1 | 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 #CC9F98 as 0% and #F0E3E1 as 100%.

0.0%	0.0% #CC9F98	RGB 204 159 152	#CC9F98
16.7%	16.7% #D2A9A3	RGB 210 169 163	#D2A9A3
33.3%	33.3% #D8B4AE	RGB 216 180 174	#D8B4AE
50.0%	50.0% #DEBFBA	RGB 222 191 186	#DEBFBA
66.7%	66.7% #E4CAC7	RGB 228 202 199	#E4CAC7
83.3%	83.3% #EAD6D3	RGB 234 214 211	#EAD6D3
100.0%	100.0% #F0E3E1	RGB 240 227 225	#F0E3E1

#CC9F98 #D2A9A3 #D8B4AE #DEBFBA #E4CAC7 #EAD6D3 #F0E3E1

#CC9F98 - #DEBFBA - #F0E3E1

CSS codes

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

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