#CC9F84 - #F0E3DB | 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 #CC9F84 to #F0E3DB

#CC9F84 #F0E3DB

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

#CC9F84 - #F0E3DB | 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 #CC9F84 as 0% and #F0E3DB as 100%.

0.0%	0.0% #CC9F84	RGB 204 159 132	#CC9F84
16.7%	16.7% #D2AA92	RGB 210 170 146	#D2AA92
33.3%	33.3% #D8B5A1	RGB 216 181 161	#D8B5A1
50.0%	50.0% #DEC1AF	RGB 222 193 175	#DEC1AF
66.7%	66.7% #E4CCBE	RGB 228 204 190	#E4CCBE
83.3%	83.3% #EAD7CC	RGB 234 215 204	#EAD7CC
100.0%	100.0% #F0E3DB	RGB 240 227 219	#F0E3DB

#CC9F84 #D2AA92 #D8B5A1 #DEC1AF #E4CCBE #EAD7CC #F0E3DB

#CC9F84 - #F0E3DB

HSV Blend

#CC9F84 - #F0E3DB | 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 #CC9F84 as 0% and #F0E3DB as 100%.

0.0%	0.0% #CC9F84	RGB 204 159 132	#CC9F84
16.7%	16.7% #D2A991	RGB 210 169 145	#D2A991
33.3%	33.3% #D8B49E	RGB 216 180 158	#D8B49E
50.0%	50.0% #DEBFAD	RGB 222 191 173	#DEBFAD
66.7%	66.7% #E4CBBB	RGB 228 203 187	#E4CBBB
83.3%	83.3% #EAD6CB	RGB 234 214 203	#EAD6CB
100.0%	100.0% #F0E3DB	RGB 240 227 219	#F0E3DB

#CC9F84 #D2A991 #D8B49E #DEBFAD #E4CBBB #EAD6CB #F0E3DB

#CC9F84 - #DEBFAD - #F0E3DB

CSS codes

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

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