#8D3C6C - #DEC7D4 | 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 #8D3C6C to #DEC7D4

#8D3C6C #DEC7D4

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

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

0.0%	0.0% #8D3C6C	RGB 141 60 108	#8D3C6C
16.7%	16.7% #9A537D	RGB 154 83 125	#9A537D
33.3%	33.3% #A86A8E	RGB 168 106 142	#A86A8E
50.0%	50.0% #B581A0	RGB 181 129 160	#B581A0
66.7%	66.7% #C398B1	RGB 195 152 177	#C398B1
83.3%	83.3% #D0AFC2	RGB 208 175 194	#D0AFC2
100.0%	100.0% #DEC7D4	RGB 222 199 212	#DEC7D4

#8D3C6C #9A537D #A86A8E #B581A0 #C398B1 #D0AFC2 #DEC7D4

#8D3C6C - #DEC7D4

HSV Blend

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

0.0%	0.0% #8D3C6C	RGB 141 60 108	#8D3C6C
16.7%	16.7% #9A4D7A	RGB 154 77 122	#9A4D7A
33.3%	33.3% #A8618A	RGB 168 97 138	#A8618A
50.0%	50.0% #B5779B	RGB 181 119 155	#B5779B
66.7%	66.7% #C390AD	RGB 195 144 173	#C390AD
83.3%	83.3% #D0AAC0	RGB 208 170 192	#D0AAC0
100.0%	100.0% #DEC7D4	RGB 222 199 212	#DEC7D4

#8D3C6C #9A4D7A #A8618A #B5779B #C390AD #D0AAC0 #DEC7D4

#8D3C6C - #B5779B - #DEC7D4

CSS codes

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

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