#8D3EB6 - #DEC7EA | 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 #8D3EB6 to #DEC7EA

#8D3EB6 #DEC7EA

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

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

0.0%	0.0% #8D3EB6	RGB 141 62 182	#8D3EB6
16.7%	16.7% #9A54BE	RGB 154 84 190	#9A54BE
33.3%	33.3% #A86BC7	RGB 168 107 199	#A86BC7
50.0%	50.0% #B582D0	RGB 181 130 208	#B582D0
66.7%	66.7% #C399D8	RGB 195 153 216	#C399D8
83.3%	83.3% #D0B0E1	RGB 208 176 225	#D0B0E1
100.0%	100.0% #DEC7EA	RGB 222 199 234	#DEC7EA

#8D3EB6 #9A54BE #A86BC7 #B582D0 #C399D8 #D0B0E1 #DEC7EA

#8D3EB6 - #DEC7EA

HSV Blend

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

0.0%	0.0% #8D3EB6	RGB 141 62 182	#8D3EB6
16.7%	16.7% #9951BE	RGB 153 81 190	#9951BE
33.3%	33.3% #A565C7	RGB 165 101 199	#A565C7
50.0%	50.0% #B37BD0	RGB 179 123 208	#B37BD0
66.7%	66.7% #C093D8	RGB 192 147 216	#C093D8
83.3%	83.3% #CFACE1	RGB 207 172 225	#CFACE1
100.0%	100.0% #DEC7EA	RGB 222 199 234	#DEC7EA

#8D3EB6 #9951BE #A565C7 #B37BD0 #C093D8 #CFACE1 #DEC7EA

#8D3EB6 - #B37BD0 - #DEC7EA

CSS codes

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

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