#8C427B - #DEC9D9 | 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 #8C427B to #DEC9D9

#8C427B #DEC9D9

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

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

0.0%	0.0% #8C427B	RGB 140 66 123	#8C427B
16.7%	16.7% #99588A	RGB 153 88 138	#99588A
33.3%	33.3% #A76F9A	RGB 167 111 154	#A76F9A
50.0%	50.0% #B585AA	RGB 181 133 170	#B585AA
66.7%	66.7% #C29CB9	RGB 194 156 185	#C29CB9
83.3%	83.3% #D0B2C9	RGB 208 178 201	#D0B2C9
100.0%	100.0% #DEC9D9	RGB 222 201 217	#DEC9D9

#8C427B #99588A #A76F9A #B585AA #C29CB9 #D0B2C9 #DEC9D9

#8C427B - #DEC9D9

HSV Blend

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

0.0%	0.0% #8C427B	RGB 140 66 123	#8C427B
16.7%	16.7% #995389	RGB 153 83 137	#995389
33.3%	33.3% #A76798	RGB 167 103 152	#A76798
50.0%	50.0% #B57CA7	RGB 181 124 167	#B57CA7
66.7%	66.7% #C294B7	RGB 194 148 183	#C294B7
83.3%	83.3% #D0ADC8	RGB 208 173 200	#D0ADC8
100.0%	100.0% #DEC9D9	RGB 222 201 217	#DEC9D9

#8C427B #995389 #A76798 #B57CA7 #C294B7 #D0ADC8 #DEC9D9

#8C427B - #B57CA7 - #DEC9D9

CSS codes

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

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