#7E7EDB - #AEBFE4 | 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 #7E7EDB to #AEBFE4

#7E7EDB #AEBFE4

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

#7E7EDB - #AEBFE4 | 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 #7E7EDB as 0% and #AEBFE4 as 100%.

0.0%	0.0% #7E7EDB	RGB 126 126 219	#7E7EDB
16.7%	16.7% #8688DC	RGB 134 136 220	#8688DC
33.3%	33.3% #8E93DE	RGB 142 147 222	#8E93DE
50.0%	50.0% #969EDF	RGB 150 158 223	#969EDF
66.7%	66.7% #9EA9E1	RGB 158 169 225	#9EA9E1
83.3%	83.3% #A6B4E2	RGB 166 180 226	#A6B4E2
100.0%	100.0% #AEBFE4	RGB 174 191 228	#AEBFE4

#7E7EDB #8688DC #8E93DE #969EDF #9EA9E1 #A6B4E2 #AEBFE4

#7E7EDB - #AEBFE4

HSV Blend

#7E7EDB - #AEBFE4 | 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 #7E7EDB as 0% and #AEBFE4 as 100%.

0.0%	0.0% #7E7EDB	RGB 126 126 219	#7E7EDB
16.7%	16.7% #858ADC	RGB 133 138 220	#858ADC
33.3%	33.3% #8D96DE	RGB 141 150 222	#8D96DE
50.0%	50.0% #95A1DF	RGB 149 161 223	#95A1DF
66.7%	66.7% #9DABE1	RGB 157 171 225	#9DABE1
83.3%	83.3% #A5B5E2	RGB 165 181 226	#A5B5E2
100.0%	100.0% #AEBFE4	RGB 174 191 228	#AEBFE4

#7E7EDB #858ADC #8D96DE #95A1DF #9DABE1 #A5B5E2 #AEBFE4

#7E7EDB - #95A1DF - #AEBFE4

CSS codes

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

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