#DFA2FF - #BD33E4 | 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 #DFA2FF to #BD33E4

#DFA2FF #BD33E4

Calculate the color between two colors, #DFA2FF and #BD33E4. 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)

#DFA2FF - #BD33E4 | 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 #DFA2FF as 0% and #BD33E4 as 100%.

0.0%	0.0% #DFA2FF	RGB 223 162 255	#DFA2FF
16.7%	16.7% #D98FFA	RGB 217 143 250	#D98FFA
33.3%	33.3% #D37DF6	RGB 211 125 246	#D37DF6
50.0%	50.0% #CE6AF1	RGB 206 106 241	#CE6AF1
66.7%	66.7% #C858ED	RGB 200 88 237	#C858ED
83.3%	83.3% #C245E8	RGB 194 69 232	#C245E8
100.0%	100.0% #BD33E4	RGB 189 51 228	#BD33E4

#DFA2FF #D98FFA #D37DF6 #CE6AF1 #C858ED #C245E8 #BD33E4

#DFA2FF - #BD33E4

HSV Blend

#DFA2FF - #BD33E4 | 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 #DFA2FF as 0% and #BD33E4 as 100%.

0.0%	0.0% #DFA2FF	RGB 223 162 255	#DFA2FF
16.7%	16.7% #D78DFA	RGB 215 141 250	#D78DFA
33.3%	33.3% #D07AF6	RGB 208 122 246	#D07AF6
50.0%	50.0% #CA67F1	RGB 202 103 241	#CA67F1
66.7%	66.7% #C555ED	RGB 197 85 237	#C555ED
83.3%	83.3% #C043E8	RGB 192 67 232	#C043E8
100.0%	100.0% #BD33E4	RGB 189 51 228	#BD33E4

#DFA2FF #D78DFA #D07AF6 #CA67F1 #C555ED #C043E8 #BD33E4

#DFA2FF - #CA67F1 - #BD33E4

CSS codes

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

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