#8C426A - #DEC9D4 | 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 #8C426A to #DEC9D4

#8C426A #DEC9D4

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

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

0.0%	0.0% #8C426A	RGB 140 66 106	#8C426A
16.7%	16.7% #99587B	RGB 153 88 123	#99587B
33.3%	33.3% #A76F8D	RGB 167 111 141	#A76F8D
50.0%	50.0% #B5859F	RGB 181 133 159	#B5859F
66.7%	66.7% #C29CB0	RGB 194 156 176	#C29CB0
83.3%	83.3% #D0B2C2	RGB 208 178 194	#D0B2C2
100.0%	100.0% #DEC9D4	RGB 222 201 212	#DEC9D4

#8C426A #99587B #A76F8D #B5859F #C29CB0 #D0B2C2 #DEC9D4

#8C426A - #DEC9D4

HSV Blend

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

0.0%	0.0% #8C426A	RGB 140 66 106	#8C426A
16.7%	16.7% #995379	RGB 153 83 121	#995379
33.3%	33.3% #A76789	RGB 167 103 137	#A76789
50.0%	50.0% #B57C9A	RGB 181 124 154	#B57C9A
66.7%	66.7% #C294AC	RGB 194 148 172	#C294AC
83.3%	83.3% #D0ADBF	RGB 208 173 191	#D0ADBF
100.0%	100.0% #DEC9D4	RGB 222 201 212	#DEC9D4

#8C426A #995379 #A76789 #B57C9A #C294AC #D0ADBF #DEC9D4

#8C426A - #B57C9A - #DEC9D4

CSS codes

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

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