#C7C0C9 - #ECCFFF | 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 #C7C0C9 to #ECCFFF

#C7C0C9 #ECCFFF

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

#C7C0C9 - #ECCFFF | 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 #C7C0C9 as 0% and #ECCFFF as 100%.

0.0%	0.0% #C7C0C9	RGB 199 192 201	#C7C0C9
16.7%	16.7% #CDC2D2	RGB 205 194 210	#CDC2D2
33.3%	33.3% #D3C5DB	RGB 211 197 219	#D3C5DB
50.0%	50.0% #D9C7E4	RGB 217 199 228	#D9C7E4
66.7%	66.7% #DFCAED	RGB 223 202 237	#DFCAED
83.3%	83.3% #E5CCF6	RGB 229 204 246	#E5CCF6
100.0%	100.0% #ECCFFF	RGB 236 207 255	#ECCFFF

#C7C0C9 #CDC2D2 #D3C5DB #D9C7E4 #DFCAED #E5CCF6 #ECCFFF

#C7C0C9 - #ECCFFF

HSV Blend

#C7C0C9 - #ECCFFF | 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 #C7C0C9 as 0% and #ECCFFF as 100%.

0.0%	0.0% #C7C0C9	RGB 199 192 201	#C7C0C9
16.7%	16.7% #CEC3D2	RGB 206 195 210	#CEC3D2
33.3%	33.3% #D5C6DB	RGB 213 198 219	#D5C6DB
50.0%	50.0% #DBC9E4	RGB 219 201 228	#DBC9E4
66.7%	66.7% #E1CBED	RGB 225 203 237	#E1CBED
83.3%	83.3% #E7CDF6	RGB 231 205 246	#E7CDF6
100.0%	100.0% #ECCFFF	RGB 236 207 255	#ECCFFF

#C7C0C9 #CEC3D2 #D5C6DB #DBC9E4 #E1CBED #E7CDF6 #ECCFFF

#C7C0C9 - #DBC9E4 - #ECCFFF

CSS codes

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

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