#7D9F90 - #9DA7FF | 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 #7D9F90 to #9DA7FF

#7D9F90 #9DA7FF

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

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

0.0%	0.0% #7D9F90	RGB 125 159 144	#7D9F90
16.7%	16.7% #82A0A2	RGB 130 160 162	#82A0A2
33.3%	33.3% #87A1B5	RGB 135 161 181	#87A1B5
50.0%	50.0% #8DA3C7	RGB 141 163 199	#8DA3C7
66.7%	66.7% #92A4DA	RGB 146 164 218	#92A4DA
83.3%	83.3% #97A5EC	RGB 151 165 236	#97A5EC
100.0%	100.0% #9DA7FF	RGB 157 167 255	#9DA7FF

#7D9F90 #82A0A2 #87A1B5 #8DA3C7 #92A4DA #97A5EC #9DA7FF

#7D9F90 - #9DA7FF

HSV Blend

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

0.0%	0.0% #7D9F90	RGB 125 159 144	#7D9F90
16.7%	16.7% #84AFA5	RGB 132 175 165	#84AFA5
33.3%	33.3% #8BBEBF	RGB 139 190 191	#8BBEBF
50.0%	50.0% #91C0CF	RGB 145 192 207	#91C0CF
66.7%	66.7% #95BEDF	RGB 149 190 223	#95BEDF
83.3%	83.3% #99B5EF	RGB 153 181 239	#99B5EF
100.0%	100.0% #9DA7FF	RGB 157 167 255	#9DA7FF

#7D9F90 #84AFA5 #8BBEBF #91C0CF #95BEDF #99B5EF #9DA7FF

#7D9F90 - #91C0CF - #9DA7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D9F90 0%, #91C0CF 50%, #9DA7FF 100%);
    background: -webkit-linear-gradient(top, #7D9F90 0%, #91C0CF 50%, #9DA7FF 100%);
    background: linear-gradient(to bottom, #7D9F90 0%, #91C0CF 50%, #9DA7FF 100%);
}
</style>