#D0BCFD - #834BDC | 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 #D0BCFD to #834BDC

#D0BCFD #834BDC

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

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

0.0%	0.0% #D0BCFD	RGB 208 188 253	#D0BCFD
16.7%	16.7% #C3A9F7	RGB 195 169 247	#C3A9F7
33.3%	33.3% #B696F2	RGB 182 150 242	#B696F2
50.0%	50.0% #A983EC	RGB 169 131 236	#A983EC
66.7%	66.7% #9C70E7	RGB 156 112 231	#9C70E7
83.3%	83.3% #8F5DE1	RGB 143 93 225	#8F5DE1
100.0%	100.0% #834BDC	RGB 131 75 220	#834BDC

#D0BCFD #C3A9F7 #B696F2 #A983EC #9C70E7 #8F5DE1 #834BDC

#D0BCFD - #834BDC

HSV Blend

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

0.0%	0.0% #D0BCFD	RGB 208 188 253	#D0BCFD
16.7%	16.7% #C1A7F7	RGB 193 167 247	#C1A7F7
33.3%	33.3% #B293F2	RGB 178 147 242	#B293F2
50.0%	50.0% #A580EC	RGB 165 128 236	#A580EC
66.7%	66.7% #996DE7	RGB 153 109 231	#996DE7
83.3%	83.3% #8D5BE1	RGB 141 91 225	#8D5BE1
100.0%	100.0% #834BDC	RGB 131 75 220	#834BDC

#D0BCFD #C1A7F7 #B293F2 #A580EC #996DE7 #8D5BE1 #834BDC

#D0BCFD - #A580EC - #834BDC

CSS codes

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

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