#C0AAC2 - #EDE6EC | 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 #C0AAC2 to #EDE6EC

#C0AAC2 #EDE6EC

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

#C0AAC2 - #EDE6EC | 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 #C0AAC2 as 0% and #EDE6EC as 100%.

0.0%	0.0% #C0AAC2	RGB 192 170 194	#C0AAC2
16.7%	16.7% #C7B4C9	RGB 199 180 201	#C7B4C9
33.3%	33.3% #CFBED0	RGB 207 190 208	#CFBED0
50.0%	50.0% #D6C8D7	RGB 214 200 215	#D6C8D7
66.7%	66.7% #DED2DE	RGB 222 210 222	#DED2DE
83.3%	83.3% #E5DCE5	RGB 229 220 229	#E5DCE5
100.0%	100.0% #EDE6EC	RGB 237 230 236	#EDE6EC

#C0AAC2 #C7B4C9 #CFBED0 #D6C8D7 #DED2DE #E5DCE5 #EDE6EC

#C0AAC2 - #EDE6EC

HSV Blend

#C0AAC2 - #EDE6EC | 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 #C0AAC2 as 0% and #EDE6EC as 100%.

0.0%	0.0% #C0AAC2	RGB 192 170 194	#C0AAC2
16.7%	16.7% #C8B3C9	RGB 200 179 201	#C8B3C9
33.3%	33.3% #D0BDD0	RGB 208 189 208	#D0BDD0
50.0%	50.0% #D7C6D7	RGB 215 198 215	#D7C6D7
66.7%	66.7% #DED1DD	RGB 222 209 221	#DED1DD
83.3%	83.3% #E5DBE4	RGB 229 219 228	#E5DBE4
100.0%	100.0% #EDE6EC	RGB 237 230 236	#EDE6EC

#C0AAC2 #C8B3C9 #D0BDD0 #D7C6D7 #DED1DD #E5DBE4 #EDE6EC

#C0AAC2 - #D7C6D7 - #EDE6EC

CSS codes

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

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