#7A7AFF - #97C2FF | 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 #7A7AFF to #97C2FF

#7A7AFF #97C2FF

Calculate the color between two colors, #7A7AFF and #97C2FF. 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)

#7A7AFF - #97C2FF | 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 #7A7AFF as 0% and #97C2FF as 100%.

0.0%	0.0% #7A7AFF	RGB 122 122 255	#7A7AFF
16.7%	16.7% #7E86FF	RGB 126 134 255	#7E86FF
33.3%	33.3% #8392FF	RGB 131 146 255	#8392FF
50.0%	50.0% #889EFF	RGB 136 158 255	#889EFF
66.7%	66.7% #8DAAFF	RGB 141 170 255	#8DAAFF
83.3%	83.3% #92B6FF	RGB 146 182 255	#92B6FF
100.0%	100.0% #97C2FF	RGB 151 194 255	#97C2FF

#7A7AFF #7E86FF #8392FF #889EFF #8DAAFF #92B6FF #97C2FF

#7A7AFF - #97C2FF

HSV Blend

#7A7AFF - #97C2FF | 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 #7A7AFF as 0% and #97C2FF as 100%.

0.0%	0.0% #7A7AFF	RGB 122 122 255	#7A7AFF
16.7%	16.7% #7E87FF	RGB 126 135 255	#7E87FF
33.3%	33.3% #8394FF	RGB 131 148 255	#8394FF
50.0%	50.0% #88A0FF	RGB 136 160 255	#88A0FF
66.7%	66.7% #8DACFF	RGB 141 172 255	#8DACFF
83.3%	83.3% #92B7FF	RGB 146 183 255	#92B7FF
100.0%	100.0% #97C2FF	RGB 151 194 255	#97C2FF

#7A7AFF #7E87FF #8394FF #88A0FF #8DACFF #92B7FF #97C2FF

#7A7AFF - #88A0FF - #97C2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A7AFF 0%, #88A0FF 50%, #97C2FF 100%);
    background: -webkit-linear-gradient(top, #7A7AFF 0%, #88A0FF 50%, #97C2FF 100%);
    background: linear-gradient(to bottom, #7A7AFF 0%, #88A0FF 50%, #97C2FF 100%);
}
</style>