#D0BFFF - #8254CF | 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 #D0BFFF to #8254CF

#D0BFFF #8254CF

Calculate the color between two colors, #D0BFFF and #8254CF. 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)

#D0BFFF - #8254CF | 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 #D0BFFF as 0% and #8254CF as 100%.

0.0%	0.0% #D0BFFF	RGB 208 191 255	#D0BFFF
16.7%	16.7% #C3ADF7	RGB 195 173 247	#C3ADF7
33.3%	33.3% #B69BEF	RGB 182 155 239	#B69BEF
50.0%	50.0% #A989E7	RGB 169 137 231	#A989E7
66.7%	66.7% #9C77DF	RGB 156 119 223	#9C77DF
83.3%	83.3% #8F65D7	RGB 143 101 215	#8F65D7
100.0%	100.0% #8254CF	RGB 130 84 207	#8254CF

#D0BFFF #C3ADF7 #B69BEF #A989E7 #9C77DF #8F65D7 #8254CF

#D0BFFF - #8254CF

HSV Blend

#D0BFFF - #8254CF | 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 #D0BFFF as 0% and #8254CF as 100%.

0.0%	0.0% #D0BFFF	RGB 208 191 255	#D0BFFF
16.7%	16.7% #C0AAF7	RGB 192 170 247	#C0AAF7
33.3%	33.3% #B297EF	RGB 178 151 239	#B297EF
50.0%	50.0% #A485E7	RGB 164 133 231	#A485E7
66.7%	66.7% #9874DF	RGB 152 116 223	#9874DF
83.3%	83.3% #8C63D7	RGB 140 99 215	#8C63D7
100.0%	100.0% #8254CF	RGB 130 84 207	#8254CF

#D0BFFF #C0AAF7 #B297EF #A485E7 #9874DF #8C63D7 #8254CF

#D0BFFF - #A485E7 - #8254CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0BFFF 0%, #A485E7 50%, #8254CF 100%);
    background: -webkit-linear-gradient(top, #D0BFFF 0%, #A485E7 50%, #8254CF 100%);
    background: linear-gradient(to bottom, #D0BFFF 0%, #A485E7 50%, #8254CF 100%);
}
</style>