#979F8D - #E5EAAA | 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 #979F8D to #E5EAAA

#979F8D #E5EAAA

Calculate the color between two colors, #979F8D and #E5EAAA. 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)

#979F8D - #E5EAAA | 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 #979F8D as 0% and #E5EAAA as 100%.

0.0%	0.0% #979F8D	RGB 151 159 141	#979F8D
16.7%	16.7% #A4AB91	RGB 164 171 145	#A4AB91
33.3%	33.3% #B1B896	RGB 177 184 150	#B1B896
50.0%	50.0% #BEC49B	RGB 190 196 155	#BEC49B
66.7%	66.7% #CBD1A0	RGB 203 209 160	#CBD1A0
83.3%	83.3% #D8DDA5	RGB 216 221 165	#D8DDA5
100.0%	100.0% #E5EAAA	RGB 229 234 170	#E5EAAA

#979F8D #A4AB91 #B1B896 #BEC49B #CBD1A0 #D8DDA5 #E5EAAA

#979F8D - #E5EAAA

HSV Blend

#979F8D - #E5EAAA | 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 #979F8D as 0% and #E5EAAA as 100%.

0.0%	0.0% #979F8D	RGB 151 159 141	#979F8D
16.7%	16.7% #A2AB93	RGB 162 171 147	#A2AB93
33.3%	33.3% #AEB899	RGB 174 184 153	#AEB899
50.0%	50.0% #BAC49E	RGB 186 196 158	#BAC49E
66.7%	66.7% #C7D1A3	RGB 199 209 163	#C7D1A3
83.3%	83.3% #D5DDA6	RGB 213 221 166	#D5DDA6
100.0%	100.0% #E5EAAA	RGB 229 234 170	#E5EAAA

#979F8D #A2AB93 #AEB899 #BAC49E #C7D1A3 #D5DDA6 #E5EAAA

#979F8D - #BAC49E - #E5EAAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #979F8D 0%, #BAC49E 50%, #E5EAAA 100%);
    background: -webkit-linear-gradient(top, #979F8D 0%, #BAC49E 50%, #E5EAAA 100%);
    background: linear-gradient(to bottom, #979F8D 0%, #BAC49E 50%, #E5EAAA 100%);
}
</style>