#C0B2D0 - #EDE9F1 | 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 #C0B2D0 to #EDE9F1

#C0B2D0 #EDE9F1

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

#C0B2D0 - #EDE9F1 | 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 #C0B2D0 as 0% and #EDE9F1 as 100%.

0.0%	0.0% #C0B2D0	RGB 192 178 208	#C0B2D0
16.7%	16.7% #C7BBD5	RGB 199 187 213	#C7BBD5
33.3%	33.3% #CFC4DB	RGB 207 196 219	#CFC4DB
50.0%	50.0% #D6CDE0	RGB 214 205 224	#D6CDE0
66.7%	66.7% #DED6E6	RGB 222 214 230	#DED6E6
83.3%	83.3% #E5DFEB	RGB 229 223 235	#E5DFEB
100.0%	100.0% #EDE9F1	RGB 237 233 241	#EDE9F1

#C0B2D0 #C7BBD5 #CFC4DB #D6CDE0 #DED6E6 #E5DFEB #EDE9F1

#C0B2D0 - #EDE9F1

HSV Blend

#C0B2D0 - #EDE9F1 | 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 #C0B2D0 as 0% and #EDE9F1 as 100%.

0.0%	0.0% #C0B2D0	RGB 192 178 208	#C0B2D0
16.7%	16.7% #C7BAD5	RGB 199 186 213	#C7BAD5
33.3%	33.3% #CEC3DB	RGB 206 195 219	#CEC3DB
50.0%	50.0% #D6CCE0	RGB 214 204 224	#D6CCE0
66.7%	66.7% #DDD5E6	RGB 221 213 230	#DDD5E6
83.3%	83.3% #E5DFEB	RGB 229 223 235	#E5DFEB
100.0%	100.0% #EDE9F1	RGB 237 233 241	#EDE9F1

#C0B2D0 #C7BAD5 #CEC3DB #D6CCE0 #DDD5E6 #E5DFEB #EDE9F1

#C0B2D0 - #D6CCE0 - #EDE9F1

CSS codes

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

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