#7E7EE4 - #AAC0EB | 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 #AAC0EB

#7E7EE4 #AAC0EB

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

0.0%	0.0% #7E7EE4	RGB 126 126 228	#7E7EE4
16.7%	16.7% #8589E5	RGB 133 137 229	#8589E5
33.3%	33.3% #8C94E6	RGB 140 148 230	#8C94E6
50.0%	50.0% #949FE7	RGB 148 159 231	#949FE7
66.7%	66.7% #9BAAE8	RGB 155 170 232	#9BAAE8
83.3%	83.3% #A2B5E9	RGB 162 181 233	#A2B5E9
100.0%	100.0% #AAC0EB	RGB 170 192 235	#AAC0EB

#7E7EE4 #8589E5 #8C94E6 #949FE7 #9BAAE8 #A2B5E9 #AAC0EB

#7E7EE4 - #AAC0EB

HSV Blend

#7E7EE4 - #AAC0EB | 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 #AAC0EB as 100%.

0.0%	0.0% #7E7EE4	RGB 126 126 228	#7E7EE4
16.7%	16.7% #858AE5	RGB 133 138 229	#858AE5
33.3%	33.3% #8C96E6	RGB 140 150 230	#8C96E6
50.0%	50.0% #93A1E7	RGB 147 161 231	#93A1E7
66.7%	66.7% #9BACE8	RGB 155 172 232	#9BACE8
83.3%	83.3% #A2B6E9	RGB 162 182 233	#A2B6E9
100.0%	100.0% #AAC0EB	RGB 170 192 235	#AAC0EB

#7E7EE4 #858AE5 #8C96E6 #93A1E7 #9BACE8 #A2B6E9 #AAC0EB

#7E7EE4 - #93A1E7 - #AAC0EB

CSS codes

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

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