#7E3FE4 - #D1A2FF | 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 #7E3FE4 to #D1A2FF

#7E3FE4 #D1A2FF

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

#7E3FE4 - #D1A2FF | 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 #7E3FE4 as 0% and #D1A2FF as 100%.

0.0%	0.0% #7E3FE4	RGB 126 63 228	#7E3FE4
16.7%	16.7% #8B4FE8	RGB 139 79 232	#8B4FE8
33.3%	33.3% #9960ED	RGB 153 96 237	#9960ED
50.0%	50.0% #A770F1	RGB 167 112 241	#A770F1
66.7%	66.7% #B581F6	RGB 181 129 246	#B581F6
83.3%	83.3% #C391FA	RGB 195 145 250	#C391FA
100.0%	100.0% #D1A2FF	RGB 209 162 255	#D1A2FF

#7E3FE4 #8B4FE8 #9960ED #A770F1 #B581F6 #C391FA #D1A2FF

#7E3FE4 - #D1A2FF

HSV Blend

#7E3FE4 - #D1A2FF | 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 #7E3FE4 as 0% and #D1A2FF as 100%.

0.0%	0.0% #7E3FE4	RGB 126 63 228	#7E3FE4
16.7%	16.7% #8C4EE8	RGB 140 78 232	#8C4EE8
33.3%	33.3% #9A5DED	RGB 154 93 237	#9A5DED
50.0%	50.0% #A86EF1	RGB 168 110 241	#A86EF1
66.7%	66.7% #B67EF6	RGB 182 126 246	#B67EF6
83.3%	83.3% #C390FA	RGB 195 144 250	#C390FA
100.0%	100.0% #D1A2FF	RGB 209 162 255	#D1A2FF

#7E3FE4 #8C4EE8 #9A5DED #A86EF1 #B67EF6 #C390FA #D1A2FF

#7E3FE4 - #A86EF1 - #D1A2FF

CSS codes

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

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