#7D90FF - #B2FFB9 | 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 #7D90FF to #B2FFB9

#7D90FF #B2FFB9

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

#7D90FF - #B2FFB9 | 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 #7D90FF as 0% and #B2FFB9 as 100%.

0.0%	0.0% #7D90FF	RGB 125 144 255	#7D90FF
16.7%	16.7% #85A2F3	RGB 133 162 243	#85A2F3
33.3%	33.3% #8EB5E7	RGB 142 181 231	#8EB5E7
50.0%	50.0% #97C7DC	RGB 151 199 220	#97C7DC
66.7%	66.7% #A0DAD0	RGB 160 218 208	#A0DAD0
83.3%	83.3% #A9ECC4	RGB 169 236 196	#A9ECC4
100.0%	100.0% #B2FFB9	RGB 178 255 185	#B2FFB9

#7D90FF #85A2F3 #8EB5E7 #97C7DC #A0DAD0 #A9ECC4 #B2FFB9

#7D90FF - #B2FFB9

HSV Blend

#7D90FF - #B2FFB9 | 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 #7D90FF as 0% and #B2FFB9 as 100%.

0.0%	0.0% #7D90FF	RGB 125 144 255	#7D90FF
16.7%	16.7% #85BBFF	RGB 133 187 255	#85BBFF
33.3%	33.3% #8EE1FF	RGB 142 225 255	#8EE1FF
50.0%	50.0% #97FFFC	RGB 151 255 252	#97FFFC
66.7%	66.7% #A0FFE0	RGB 160 255 224	#A0FFE0
83.3%	83.3% #A9FFCA	RGB 169 255 202	#A9FFCA
100.0%	100.0% #B2FFB9	RGB 178 255 185	#B2FFB9

#7D90FF #85BBFF #8EE1FF #97FFFC #A0FFE0 #A9FFCA #B2FFB9

#7D90FF - #97FFFC - #B2FFB9

CSS codes

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

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