#D3BAFF - #834DCF | 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 #D3BAFF to #834DCF

#D3BAFF #834DCF

Calculate the color between two colors, #D3BAFF and #834DCF. 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)

#D3BAFF - #834DCF | 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 #D3BAFF as 0% and #834DCF as 100%.

0.0%	0.0% #D3BAFF	RGB 211 186 255	#D3BAFF
16.7%	16.7% #C5A7F7	RGB 197 167 247	#C5A7F7
33.3%	33.3% #B895EF	RGB 184 149 239	#B895EF
50.0%	50.0% #AB83E7	RGB 171 131 231	#AB83E7
66.7%	66.7% #9D71DF	RGB 157 113 223	#9D71DF
83.3%	83.3% #905FD7	RGB 144 95 215	#905FD7
100.0%	100.0% #834DCF	RGB 131 77 207	#834DCF

#D3BAFF #C5A7F7 #B895EF #AB83E7 #9D71DF #905FD7 #834DCF

#D3BAFF - #834DCF

HSV Blend

#D3BAFF - #834DCF | 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 #D3BAFF as 0% and #834DCF as 100%.

0.0%	0.0% #D3BAFF	RGB 211 186 255	#D3BAFF
16.7%	16.7% #C3A5F7	RGB 195 165 247	#C3A5F7
33.3%	33.3% #B591EF	RGB 181 145 239	#B591EF
50.0%	50.0% #A77FE7	RGB 167 127 231	#A77FE7
66.7%	66.7% #9A6DDF	RGB 154 109 223	#9A6DDF
83.3%	83.3% #8E5CD7	RGB 142 92 215	#8E5CD7
100.0%	100.0% #834DCF	RGB 131 77 207	#834DCF

#D3BAFF #C3A5F7 #B591EF #A77FE7 #9A6DDF #8E5CD7 #834DCF

#D3BAFF - #A77FE7 - #834DCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3BAFF 0%, #A77FE7 50%, #834DCF 100%);
    background: -webkit-linear-gradient(top, #D3BAFF 0%, #A77FE7 50%, #834DCF 100%);
    background: linear-gradient(to bottom, #D3BAFF 0%, #A77FE7 50%, #834DCF 100%);
}
</style>