#DCB5E5 - #8853A7 | 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 #DCB5E5 to #8853A7

#DCB5E5 #8853A7

Calculate the color between two colors, #DCB5E5 and #8853A7. 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)

#DCB5E5 - #8853A7 | 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 #DCB5E5 as 0% and #8853A7 as 100%.

0.0%	0.0% #DCB5E5	RGB 220 181 229	#DCB5E5
16.7%	16.7% #CEA4DA	RGB 206 164 218	#CEA4DA
33.3%	33.3% #C094D0	RGB 192 148 208	#C094D0
50.0%	50.0% #B284C6	RGB 178 132 198	#B284C6
66.7%	66.7% #A473BB	RGB 164 115 187	#A473BB
83.3%	83.3% #9663B1	RGB 150 99 177	#9663B1
100.0%	100.0% #8853A7	RGB 136 83 167	#8853A7

#DCB5E5 #CEA4DA #C094D0 #B284C6 #A473BB #9663B1 #8853A7

#DCB5E5 - #8853A7

HSV Blend

#DCB5E5 - #8853A7 | 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 #DCB5E5 as 0% and #8853A7 as 100%.

0.0%	0.0% #DCB5E5	RGB 220 181 229	#DCB5E5
16.7%	16.7% #CEA2DA	RGB 206 162 218	#CEA2DA
33.3%	33.3% #C090D0	RGB 192 144 208	#C090D0
50.0%	50.0% #B27FC6	RGB 178 127 198	#B27FC6
66.7%	66.7% #A46FBB	RGB 164 111 187	#A46FBB
83.3%	83.3% #9660B1	RGB 150 96 177	#9660B1
100.0%	100.0% #8853A7	RGB 136 83 167	#8853A7

#DCB5E5 #CEA2DA #C090D0 #B27FC6 #A46FBB #9660B1 #8853A7

#DCB5E5 - #B27FC6 - #8853A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCB5E5 0%, #B27FC6 50%, #8853A7 100%);
    background: -webkit-linear-gradient(top, #DCB5E5 0%, #B27FC6 50%, #8853A7 100%);
    background: linear-gradient(to bottom, #DCB5E5 0%, #B27FC6 50%, #8853A7 100%);
}
</style>