#DFB5FD - #8D46CB | 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 #DFB5FD to #8D46CB

#DFB5FD #8D46CB

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

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

0.0%	0.0% #DFB5FD	RGB 223 181 253	#DFB5FD
16.7%	16.7% #D1A2F4	RGB 209 162 244	#D1A2F4
33.3%	33.3% #C390EC	RGB 195 144 236	#C390EC
50.0%	50.0% #B67DE4	RGB 182 125 228	#B67DE4
66.7%	66.7% #A86BDB	RGB 168 107 219	#A86BDB
83.3%	83.3% #9A58D3	RGB 154 88 211	#9A58D3
100.0%	100.0% #8D46CB	RGB 141 70 203	#8D46CB

#DFB5FD #D1A2F4 #C390EC #B67DE4 #A86BDB #9A58D3 #8D46CB

#DFB5FD - #8D46CB

HSV Blend

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

0.0%	0.0% #DFB5FD	RGB 223 181 253	#DFB5FD
16.7%	16.7% #D09FF4	RGB 208 159 244	#D09FF4
33.3%	33.3% #C28BEC	RGB 194 139 236	#C28BEC
50.0%	50.0% #B478E4	RGB 180 120 228	#B478E4
66.7%	66.7% #A766DB	RGB 167 102 219	#A766DB
83.3%	83.3% #9955D3	RGB 153 85 211	#9955D3
100.0%	100.0% #8D46CB	RGB 141 70 203	#8D46CB

#DFB5FD #D09FF4 #C28BEC #B478E4 #A766DB #9955D3 #8D46CB

#DFB5FD - #B478E4 - #8D46CB

CSS codes

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

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