#8C5287 - #DECDDD | 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 #8C5287 to #DECDDD

#8C5287 #DECDDD

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

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

0.0%	0.0% #8C5287	RGB 140 82 135	#8C5287
16.7%	16.7% #996695	RGB 153 102 149	#996695
33.3%	33.3% #A77BA3	RGB 167 123 163	#A77BA3
50.0%	50.0% #B58FB2	RGB 181 143 178	#B58FB2
66.7%	66.7% #C2A4C0	RGB 194 164 192	#C2A4C0
83.3%	83.3% #D0B8CE	RGB 208 184 206	#D0B8CE
100.0%	100.0% #DECDDD	RGB 222 205 221	#DECDDD

#8C5287 #996695 #A77BA3 #B58FB2 #C2A4C0 #D0B8CE #DECDDD

#8C5287 - #DECDDD

HSV Blend

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

0.0%	0.0% #8C5287	RGB 140 82 135	#8C5287
16.7%	16.7% #996295	RGB 153 98 149	#996295
33.3%	33.3% #A774A3	RGB 167 116 163	#A774A3
50.0%	50.0% #B588B1	RGB 181 136 177	#B588B1
66.7%	66.7% #C29DC0	RGB 194 157 192	#C29DC0
83.3%	83.3% #D0B4CE	RGB 208 180 206	#D0B4CE
100.0%	100.0% #DECDDD	RGB 222 205 221	#DECDDD

#8C5287 #996295 #A774A3 #B588B1 #C29DC0 #D0B4CE #DECDDD

#8C5287 - #B588B1 - #DECDDD

CSS codes

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

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