#8D4D6B - #DECCD4 | 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 #8D4D6B to #DECCD4

#8D4D6B #DECCD4

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

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

0.0%	0.0% #8D4D6B	RGB 141 77 107	#8D4D6B
16.7%	16.7% #9A627C	RGB 154 98 124	#9A627C
33.3%	33.3% #A8778E	RGB 168 119 142	#A8778E
50.0%	50.0% #B58C9F	RGB 181 140 159	#B58C9F
66.7%	66.7% #C3A1B1	RGB 195 161 177	#C3A1B1
83.3%	83.3% #D0B6C2	RGB 208 182 194	#D0B6C2
100.0%	100.0% #DECCD4	RGB 222 204 212	#DECCD4

#8D4D6B #9A627C #A8778E #B58C9F #C3A1B1 #D0B6C2 #DECCD4

#8D4D6B - #DECCD4

HSV Blend

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

0.0%	0.0% #8D4D6B	RGB 141 77 107	#8D4D6B
16.7%	16.7% #9A5D7A	RGB 154 93 122	#9A5D7A
33.3%	33.3% #A8708A	RGB 168 112 138	#A8708A
50.0%	50.0% #B5849B	RGB 181 132 155	#B5849B
66.7%	66.7% #C39AAD	RGB 195 154 173	#C39AAD
83.3%	83.3% #D0B2C0	RGB 208 178 192	#D0B2C0
100.0%	100.0% #DECCD4	RGB 222 204 212	#DECCD4

#8D4D6B #9A5D7A #A8708A #B5849B #C39AAD #D0B2C0 #DECCD4

#8D4D6B - #B5849B - #DECCD4

CSS codes

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

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