#C099A2 - #FFEEC7 | 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 #C099A2 to #FFEEC7

#C099A2 #FFEEC7

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

#C099A2 - #FFEEC7 | 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 #C099A2 as 0% and #FFEEC7 as 100%.

0.0%	0.0% #C099A2	RGB 192 153 162	#C099A2
16.7%	16.7% #CAA7A8	RGB 202 167 168	#CAA7A8
33.3%	33.3% #D5B5AE	RGB 213 181 174	#D5B5AE
50.0%	50.0% #DFC3B4	RGB 223 195 180	#DFC3B4
66.7%	66.7% #EAD1BA	RGB 234 209 186	#EAD1BA
83.3%	83.3% #F4DFC0	RGB 244 223 192	#F4DFC0
100.0%	100.0% #FFEEC7	RGB 255 238 199	#FFEEC7

#C099A2 #CAA7A8 #D5B5AE #DFC3B4 #EAD1BA #F4DFC0 #FFEEC7

#C099A2 - #FFEEC7

HSV Blend

#C099A2 - #FFEEC7 | 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 #C099A2 as 0% and #FFEEC7 as 100%.

0.0%	0.0% #C099A2	RGB 192 153 162	#C099A2
16.7%	16.7% #CAA0A3	RGB 202 160 163	#CAA0A3
33.3%	33.3% #D5ACA8	RGB 213 172 168	#D5ACA8
50.0%	50.0% #DFBBB0	RGB 223 187 176	#DFBBB0
66.7%	66.7% #EACBB7	RGB 234 203 183	#EACBB7
83.3%	83.3% #F4DCBF	RGB 244 220 191	#F4DCBF
100.0%	100.0% #FFEEC7	RGB 255 238 199	#FFEEC7

#C099A2 #CAA0A3 #D5ACA8 #DFBBB0 #EACBB7 #F4DCBF #FFEEC7

#C099A2 - #DFBBB0 - #FFEEC7

CSS codes

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

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