#979A8C - #C7FDAE | 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 #979A8C to #C7FDAE

#979A8C #C7FDAE

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

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

0.0%	0.0% #979A8C	RGB 151 154 140	#979A8C
16.7%	16.7% #9FAA91	RGB 159 170 145	#9FAA91
33.3%	33.3% #A7BB97	RGB 167 187 151	#A7BB97
50.0%	50.0% #AFCB9D	RGB 175 203 157	#AFCB9D
66.7%	66.7% #B7DCA2	RGB 183 220 162	#B7DCA2
83.3%	83.3% #BFECA8	RGB 191 236 168	#BFECA8
100.0%	100.0% #C7FDAE	RGB 199 253 174	#C7FDAE

#979A8C #9FAA91 #A7BB97 #AFCB9D #B7DCA2 #BFECA8 #C7FDAE

#979A8C - #C7FDAE

HSV Blend

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

0.0%	0.0% #979A8C	RGB 151 154 140	#979A8C
16.7%	16.7% #A4AA94	RGB 164 170 148	#A4AA94
33.3%	33.3% #AFBB9C	RGB 175 187 156	#AFBB9C
50.0%	50.0% #B9CBA2	RGB 185 203 162	#B9CBA2
66.7%	66.7% #C0DCA7	RGB 192 220 167	#C0DCA7
83.3%	83.3% #C5ECAB	RGB 197 236 171	#C5ECAB
100.0%	100.0% #C7FDAE	RGB 199 253 174	#C7FDAE

#979A8C #A4AA94 #AFBB9C #B9CBA2 #C0DCA7 #C5ECAB #C7FDAE

#979A8C - #B9CBA2 - #C7FDAE

CSS codes

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

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