#DCB9FD - #8B4CCB | 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 #DCB9FD to #8B4CCB

#DCB9FD #8B4CCB

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

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

0.0%	0.0% #DCB9FD	RGB 220 185 253	#DCB9FD
16.7%	16.7% #CEA6F4	RGB 206 166 244	#CEA6F4
33.3%	33.3% #C194EC	RGB 193 148 236	#C194EC
50.0%	50.0% #B382E4	RGB 179 130 228	#B382E4
66.7%	66.7% #A670DB	RGB 166 112 219	#A670DB
83.3%	83.3% #985ED3	RGB 152 94 211	#985ED3
100.0%	100.0% #8B4CCB	RGB 139 76 203	#8B4CCB

#DCB9FD #CEA6F4 #C194EC #B382E4 #A670DB #985ED3 #8B4CCB

#DCB9FD - #8B4CCB

HSV Blend

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

0.0%	0.0% #DCB9FD	RGB 220 185 253	#DCB9FD
16.7%	16.7% #CDA4F4	RGB 205 164 244	#CDA4F4
33.3%	33.3% #BF90EC	RGB 191 144 236	#BF90EC
50.0%	50.0% #B17EE4	RGB 177 126 228	#B17EE4
66.7%	66.7% #A46CDB	RGB 164 108 219	#A46CDB
83.3%	83.3% #975BD3	RGB 151 91 211	#975BD3
100.0%	100.0% #8B4CCB	RGB 139 76 203	#8B4CCB

#DCB9FD #CDA4F4 #BF90EC #B17EE4 #A46CDB #975BD3 #8B4CCB

#DCB9FD - #B17EE4 - #8B4CCB

CSS codes

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

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