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

#C0A8BC #EDE6EC

Calculate the color between two colors, #C0A8BC 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)

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

0.0%	0.0% #C0A8BC	RGB 192 168 188	#C0A8BC
16.7%	16.7% #C7B2C4	RGB 199 178 196	#C7B2C4
33.3%	33.3% #CFBCCC	RGB 207 188 204	#CFBCCC
50.0%	50.0% #D6C7D4	RGB 214 199 212	#D6C7D4
66.7%	66.7% #DED1DC	RGB 222 209 220	#DED1DC
83.3%	83.3% #E5DBE4	RGB 229 219 228	#E5DBE4
100.0%	100.0% #EDE6EC	RGB 237 230 236	#EDE6EC

#C0A8BC #C7B2C4 #CFBCCC #D6C7D4 #DED1DC #E5DBE4 #EDE6EC

#C0A8BC - #EDE6EC

HSV Blend

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

0.0%	0.0% #C0A8BC	RGB 192 168 188	#C0A8BC
16.7%	16.7% #C7B1C3	RGB 199 177 195	#C7B1C3
33.3%	33.3% #CFBBCB	RGB 207 187 203	#CFBBCB
50.0%	50.0% #D6C5D3	RGB 214 197 211	#D6C5D3
66.7%	66.7% #DED0DB	RGB 222 208 219	#DED0DB
83.3%	83.3% #E5DBE3	RGB 229 219 227	#E5DBE3
100.0%	100.0% #EDE6EC	RGB 237 230 236	#EDE6EC

#C0A8BC #C7B1C3 #CFBBCB #D6C5D3 #DED0DB #E5DBE3 #EDE6EC

#C0A8BC - #D6C5D3 - #EDE6EC

CSS codes

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

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