#8C2B6A - #DEC2D3 | 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 #8C2B6A to #DEC2D3

#8C2B6A #DEC2D3

Calculate the color between two colors, #8C2B6A and #DEC2D3. 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)

#8C2B6A - #DEC2D3 | 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 #8C2B6A as 0% and #DEC2D3 as 100%.

0.0%	0.0% #8C2B6A	RGB 140 43 106	#8C2B6A
16.7%	16.7% #99447B	RGB 153 68 123	#99447B
33.3%	33.3% #A75D8D	RGB 167 93 141	#A75D8D
50.0%	50.0% #B5769E	RGB 181 118 158	#B5769E
66.7%	66.7% #C28FB0	RGB 194 143 176	#C28FB0
83.3%	83.3% #D0A8C1	RGB 208 168 193	#D0A8C1
100.0%	100.0% #DEC2D3	RGB 222 194 211	#DEC2D3

#8C2B6A #99447B #A75D8D #B5769E #C28FB0 #D0A8C1 #DEC2D3

#8C2B6A - #DEC2D3

HSV Blend

#8C2B6A - #DEC2D3 | 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 #8C2B6A as 0% and #DEC2D3 as 100%.

0.0%	0.0% #8C2B6A	RGB 140 43 106	#8C2B6A
16.7%	16.7% #993D78	RGB 153 61 120	#993D78
33.3%	33.3% #A75388	RGB 167 83 136	#A75388
50.0%	50.0% #B56A99	RGB 181 106 153	#B56A99
66.7%	66.7% #C285AB	RGB 194 133 171	#C285AB
83.3%	83.3% #D0A2BE	RGB 208 162 190	#D0A2BE
100.0%	100.0% #DEC2D3	RGB 222 194 211	#DEC2D3

#8C2B6A #993D78 #A75388 #B56A99 #C285AB #D0A2BE #DEC2D3

#8C2B6A - #B56A99 - #DEC2D3

CSS codes

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

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