#7E3FE4 - #DAC8F7 | 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 #DAC8F7

#7E3FE4 #DAC8F7

Calculate the color between two colors, #7E3FE4 and #DAC8F7. 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 - #DAC8F7 | 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 #DAC8F7 as 100%.

0.0%	0.0% #7E3FE4	RGB 126 63 228	#7E3FE4
16.7%	16.7% #8D55E7	RGB 141 85 231	#8D55E7
33.3%	33.3% #9C6CEA	RGB 156 108 234	#9C6CEA
50.0%	50.0% #AC83ED	RGB 172 131 237	#AC83ED
66.7%	66.7% #BB9AF0	RGB 187 154 240	#BB9AF0
83.3%	83.3% #CAB1F3	RGB 202 177 243	#CAB1F3
100.0%	100.0% #DAC8F7	RGB 218 200 247	#DAC8F7

#7E3FE4 #8D55E7 #9C6CEA #AC83ED #BB9AF0 #CAB1F3 #DAC8F7

#7E3FE4 - #DAC8F7

HSV Blend

#7E3FE4 - #DAC8F7 | 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 #DAC8F7 as 100%.

0.0%	0.0% #7E3FE4	RGB 126 63 228	#7E3FE4
16.7%	16.7% #8C54E7	RGB 140 84 231	#8C54E7
33.3%	33.3% #9B6AEA	RGB 155 106 234	#9B6AEA
50.0%	50.0% #AA80ED	RGB 170 128 237	#AA80ED
66.7%	66.7% #B998F0	RGB 185 152 240	#B998F0
83.3%	83.3% #C9AFF3	RGB 201 175 243	#C9AFF3
100.0%	100.0% #DAC8F7	RGB 218 200 247	#DAC8F7

#7E3FE4 #8C54E7 #9B6AEA #AA80ED #B998F0 #C9AFF3 #DAC8F7

#7E3FE4 - #AA80ED - #DAC8F7

CSS codes

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

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