#7C9A8C - #C6CF99 | 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 #7C9A8C to #C6CF99

#7C9A8C #C6CF99

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

#7C9A8C - #C6CF99 | 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 #7C9A8C as 0% and #C6CF99 as 100%.

0.0%	0.0% #7C9A8C	RGB 124 154 140	#7C9A8C
16.7%	16.7% #88A28E	RGB 136 162 142	#88A28E
33.3%	33.3% #94AB90	RGB 148 171 144	#94AB90
50.0%	50.0% #A1B492	RGB 161 180 146	#A1B492
66.7%	66.7% #ADBD94	RGB 173 189 148	#ADBD94
83.3%	83.3% #B9C696	RGB 185 198 150	#B9C696
100.0%	100.0% #C6CF99	RGB 198 207 153	#C6CF99

#7C9A8C #88A28E #94AB90 #A1B492 #ADBD94 #B9C696 #C6CF99

#7C9A8C - #C6CF99

HSV Blend

#7C9A8C - #C6CF99 | 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 #7C9A8C as 0% and #C6CF99 as 100%.

0.0%	0.0% #7C9A8C	RGB 124 154 140	#7C9A8C
16.7%	16.7% #81A28B	RGB 129 162 139	#81A28B
33.3%	33.3% #86AB89	RGB 134 171 137	#86AB89
50.0%	50.0% #91B48B	RGB 145 180 139	#91B48B
66.7%	66.7% #A1BD90	RGB 161 189 144	#A1BD90
83.3%	83.3% #B2C694	RGB 178 198 148	#B2C694
100.0%	100.0% #C6CF99	RGB 198 207 153	#C6CF99

#7C9A8C #81A28B #86AB89 #91B48B #A1BD90 #B2C694 #C6CF99

#7C9A8C - #91B48B - #C6CF99

CSS codes

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

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