#7E7EE4 - #DADAF7 | 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 #7E7EE4 to #DADAF7

#7E7EE4 #DADAF7

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

#7E7EE4 - #DADAF7 | 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 #7E7EE4 as 0% and #DADAF7 as 100%.

0.0%	0.0% #7E7EE4	RGB 126 126 228	#7E7EE4
16.7%	16.7% #8D8DE7	RGB 141 141 231	#8D8DE7
33.3%	33.3% #9C9CEA	RGB 156 156 234	#9C9CEA
50.0%	50.0% #ACACED	RGB 172 172 237	#ACACED
66.7%	66.7% #BBBBF0	RGB 187 187 240	#BBBBF0
83.3%	83.3% #CACAF3	RGB 202 202 243	#CACAF3
100.0%	100.0% #DADAF7	RGB 218 218 247	#DADAF7

#7E7EE4 #8D8DE7 #9C9CEA #ACACED #BBBBF0 #CACAF3 #DADAF7

#7E7EE4 - #DADAF7

HSV Blend

#7E7EE4 - #DADAF7 | 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 #7E7EE4 as 0% and #DADAF7 as 100%.

0.0%	0.0% #7E7EE4	RGB 126 126 228	#7E7EE4
16.7%	16.7% #8C8CE7	RGB 140 140 231	#8C8CE7
33.3%	33.3% #9B9BEA	RGB 155 155 234	#9B9BEA
50.0%	50.0% #AAAAED	RGB 170 170 237	#AAAAED
66.7%	66.7% #B9B9F0	RGB 185 185 240	#B9B9F0
83.3%	83.3% #C9C9F3	RGB 201 201 243	#C9C9F3
100.0%	100.0% #DADAF7	RGB 218 218 247	#DADAF7

#7E7EE4 #8C8CE7 #9B9BEA #AAAAED #B9B9F0 #C9C9F3 #DADAF7

#7E7EE4 - #AAAAED - #DADAF7

CSS codes

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

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