#8D4A8A - #DECBDD | 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 #8D4A8A to #DECBDD

#8D4A8A #DECBDD

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

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

0.0%	0.0% #8D4A8A	RGB 141 74 138	#8D4A8A
16.7%	16.7% #9A5F97	RGB 154 95 151	#9A5F97
33.3%	33.3% #A875A5	RGB 168 117 165	#A875A5
50.0%	50.0% #B58AB3	RGB 181 138 179	#B58AB3
66.7%	66.7% #C3A0C1	RGB 195 160 193	#C3A0C1
83.3%	83.3% #D0B5CF	RGB 208 181 207	#D0B5CF
100.0%	100.0% #DECBDD	RGB 222 203 221	#DECBDD

#8D4A8A #9A5F97 #A875A5 #B58AB3 #C3A0C1 #D0B5CF #DECBDD

#8D4A8A - #DECBDD

HSV Blend

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

0.0%	0.0% #8D4A8A	RGB 141 74 138	#8D4A8A
16.7%	16.7% #9A5B97	RGB 154 91 151	#9A5B97
33.3%	33.3% #A86DA5	RGB 168 109 165	#A86DA5
50.0%	50.0% #B582B3	RGB 181 130 179	#B582B3
66.7%	66.7% #C398C0	RGB 195 152 192	#C398C0
83.3%	83.3% #D0B1CE	RGB 208 177 206	#D0B1CE
100.0%	100.0% #DECBDD	RGB 222 203 221	#DECBDD

#8D4A8A #9A5B97 #A86DA5 #B582B3 #C398C0 #D0B1CE #DECBDD

#8D4A8A - #B582B3 - #DECBDD

CSS codes

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

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