#C2B0CD - #EDC6FF | 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 #C2B0CD to #EDC6FF

#C2B0CD #EDC6FF

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

#C2B0CD - #EDC6FF | 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 #C2B0CD as 0% and #EDC6FF as 100%.

0.0%	0.0% #C2B0CD	RGB 194 176 205	#C2B0CD
16.7%	16.7% #C9B3D5	RGB 201 179 213	#C9B3D5
33.3%	33.3% #D0B7DD	RGB 208 183 221	#D0B7DD
50.0%	50.0% #D7BBE6	RGB 215 187 230	#D7BBE6
66.7%	66.7% #DEBEEE	RGB 222 190 238	#DEBEEE
83.3%	83.3% #E5C2F6	RGB 229 194 246	#E5C2F6
100.0%	100.0% #EDC6FF	RGB 237 198 255	#EDC6FF

#C2B0CD #C9B3D5 #D0B7DD #D7BBE6 #DEBEEE #E5C2F6 #EDC6FF

#C2B0CD - #EDC6FF

HSV Blend

#C2B0CD - #EDC6FF | 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 #C2B0CD as 0% and #EDC6FF as 100%.

0.0%	0.0% #C2B0CD	RGB 194 176 205	#C2B0CD
16.7%	16.7% #C9B4D5	RGB 201 180 213	#C9B4D5
33.3%	33.3% #D0B8DD	RGB 208 184 221	#D0B8DD
50.0%	50.0% #D7BCE6	RGB 215 188 230	#D7BCE6
66.7%	66.7% #DEBFEE	RGB 222 191 238	#DEBFEE
83.3%	83.3% #E5C2F6	RGB 229 194 246	#E5C2F6
100.0%	100.0% #EDC6FF	RGB 237 198 255	#EDC6FF

#C2B0CD #C9B4D5 #D0B8DD #D7BCE6 #DEBFEE #E5C2F6 #EDC6FF

#C2B0CD - #D7BCE6 - #EDC6FF

CSS codes

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

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