#7E7DFF - #9AC2FF | 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 #7E7DFF to #9AC2FF

#7E7DFF #9AC2FF

Calculate the color between two colors, #7E7DFF and #9AC2FF. 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)

#7E7DFF - #9AC2FF | 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 #7E7DFF as 0% and #9AC2FF as 100%.

0.0%	0.0% #7E7DFF	RGB 126 125 255	#7E7DFF
16.7%	16.7% #8288FF	RGB 130 136 255	#8288FF
33.3%	33.3% #8794FF	RGB 135 148 255	#8794FF
50.0%	50.0% #8C9FFF	RGB 140 159 255	#8C9FFF
66.7%	66.7% #90ABFF	RGB 144 171 255	#90ABFF
83.3%	83.3% #95B6FF	RGB 149 182 255	#95B6FF
100.0%	100.0% #9AC2FF	RGB 154 194 255	#9AC2FF

#7E7DFF #8288FF #8794FF #8C9FFF #90ABFF #95B6FF #9AC2FF

#7E7DFF - #9AC2FF

HSV Blend

#7E7DFF - #9AC2FF | 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 #7E7DFF as 0% and #9AC2FF as 100%.

0.0%	0.0% #7E7DFF	RGB 126 125 255	#7E7DFF
16.7%	16.7% #8189FF	RGB 129 137 255	#8189FF
33.3%	33.3% #8695FF	RGB 134 149 255	#8695FF
50.0%	50.0% #8BA1FF	RGB 139 161 255	#8BA1FF
66.7%	66.7% #90ADFF	RGB 144 173 255	#90ADFF
83.3%	83.3% #95B7FF	RGB 149 183 255	#95B7FF
100.0%	100.0% #9AC2FF	RGB 154 194 255	#9AC2FF

#7E7DFF #8189FF #8695FF #8BA1FF #90ADFF #95B7FF #9AC2FF

#7E7DFF - #8BA1FF - #9AC2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7DFF 0%, #8BA1FF 50%, #9AC2FF 100%);
    background: -webkit-linear-gradient(top, #7E7DFF 0%, #8BA1FF 50%, #9AC2FF 100%);
    background: linear-gradient(to bottom, #7E7DFF 0%, #8BA1FF 50%, #9AC2FF 100%);
}
</style>