#8D3E6D - #DEC7D5 | 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 #8D3E6D to #DEC7D5

#8D3E6D #DEC7D5

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

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

0.0%	0.0% #8D3E6D	RGB 141 62 109	#8D3E6D
16.7%	16.7% #9A547E	RGB 154 84 126	#9A547E
33.3%	33.3% #A86B8F	RGB 168 107 143	#A86B8F
50.0%	50.0% #B582A1	RGB 181 130 161	#B582A1
66.7%	66.7% #C399B2	RGB 195 153 178	#C399B2
83.3%	83.3% #D0B0C3	RGB 208 176 195	#D0B0C3
100.0%	100.0% #DEC7D5	RGB 222 199 213	#DEC7D5

#8D3E6D #9A547E #A86B8F #B582A1 #C399B2 #D0B0C3 #DEC7D5

#8D3E6D - #DEC7D5

HSV Blend

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

0.0%	0.0% #8D3E6D	RGB 141 62 109	#8D3E6D
16.7%	16.7% #9A4F7C	RGB 154 79 124	#9A4F7C
33.3%	33.3% #A8638C	RGB 168 99 140	#A8638C
50.0%	50.0% #B5799D	RGB 181 121 157	#B5799D
66.7%	66.7% #C391AF	RGB 195 145 175	#C391AF
83.3%	83.3% #D0ABC1	RGB 208 171 193	#D0ABC1
100.0%	100.0% #DEC7D5	RGB 222 199 213	#DEC7D5

#8D3E6D #9A4F7C #A8638C #B5799D #C391AF #D0ABC1 #DEC7D5

#8D3E6D - #B5799D - #DEC7D5

CSS codes

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

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