#C7A8C9 - #EEE6EF | 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 #C7A8C9 to #EEE6EF

#C7A8C9 #EEE6EF

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

#C7A8C9 - #EEE6EF | 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 #C7A8C9 as 0% and #EEE6EF as 100%.

0.0%	0.0% #C7A8C9	RGB 199 168 201	#C7A8C9
16.7%	16.7% #CDB2CF	RGB 205 178 207	#CDB2CF
33.3%	33.3% #D4BCD5	RGB 212 188 213	#D4BCD5
50.0%	50.0% #DAC7DC	RGB 218 199 220	#DAC7DC
66.7%	66.7% #E1D1E2	RGB 225 209 226	#E1D1E2
83.3%	83.3% #E7DBE8	RGB 231 219 232	#E7DBE8
100.0%	100.0% #EEE6EF	RGB 238 230 239	#EEE6EF

#C7A8C9 #CDB2CF #D4BCD5 #DAC7DC #E1D1E2 #E7DBE8 #EEE6EF

#C7A8C9 - #EEE6EF

HSV Blend

#C7A8C9 - #EEE6EF | 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 #C7A8C9 as 0% and #EEE6EF as 100%.

0.0%	0.0% #C7A8C9	RGB 199 168 201	#C7A8C9
16.7%	16.7% #CDB1CF	RGB 205 177 207	#CDB1CF
33.3%	33.3% #D3BBD5	RGB 211 187 213	#D3BBD5
50.0%	50.0% #DAC5DC	RGB 218 197 220	#DAC5DC
66.7%	66.7% #E0D0E2	RGB 224 208 226	#E0D0E2
83.3%	83.3% #E7DAE8	RGB 231 218 232	#E7DAE8
100.0%	100.0% #EEE6EF	RGB 238 230 239	#EEE6EF

#C7A8C9 #CDB1CF #D3BBD5 #DAC5DC #E0D0E2 #E7DAE8 #EEE6EF

#C7A8C9 - #DAC5DC - #EEE6EF

CSS codes

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

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