#8C477B - #DECAD9 | 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 #8C477B to #DECAD9

#8C477B #DECAD9

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

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

0.0%	0.0% #8C477B	RGB 140 71 123	#8C477B
16.7%	16.7% #995C8A	RGB 153 92 138	#995C8A
33.3%	33.3% #A7729A	RGB 167 114 154	#A7729A
50.0%	50.0% #B588AA	RGB 181 136 170	#B588AA
66.7%	66.7% #C29EB9	RGB 194 158 185	#C29EB9
83.3%	83.3% #D0B4C9	RGB 208 180 201	#D0B4C9
100.0%	100.0% #DECAD9	RGB 222 202 217	#DECAD9

#8C477B #995C8A #A7729A #B588AA #C29EB9 #D0B4C9 #DECAD9

#8C477B - #DECAD9

HSV Blend

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

0.0%	0.0% #8C477B	RGB 140 71 123	#8C477B
16.7%	16.7% #995889	RGB 153 88 137	#995889
33.3%	33.3% #A76B98	RGB 167 107 152	#A76B98
50.0%	50.0% #B580A7	RGB 181 128 167	#B580A7
66.7%	66.7% #C296B7	RGB 194 150 183	#C296B7
83.3%	83.3% #D0AFC8	RGB 208 175 200	#D0AFC8
100.0%	100.0% #DECAD9	RGB 222 202 217	#DECAD9

#8C477B #995889 #A76B98 #B580A7 #C296B7 #D0AFC8 #DECAD9

#8C477B - #B580A7 - #DECAD9

CSS codes

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

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