#757B6B - #C8EE8C | 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 #757B6B to #C8EE8C

#757B6B #C8EE8C

Calculate the color between two colors, #757B6B and #C8EE8C. 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)

#757B6B - #C8EE8C | 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 #757B6B as 0% and #C8EE8C as 100%.

0.0%	0.0% #757B6B	RGB 117 123 107	#757B6B
16.7%	16.7% #828E70	RGB 130 142 112	#828E70
33.3%	33.3% #90A176	RGB 144 161 118	#90A176
50.0%	50.0% #9EB47B	RGB 158 180 123	#9EB47B
66.7%	66.7% #ACC781	RGB 172 199 129	#ACC781
83.3%	83.3% #BADA86	RGB 186 218 134	#BADA86
100.0%	100.0% #C8EE8C	RGB 200 238 140	#C8EE8C

#757B6B #828E70 #90A176 #9EB47B #ACC781 #BADA86 #C8EE8C

#757B6B - #C8EE8C

HSV Blend

#757B6B - #C8EE8C | 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 #757B6B as 0% and #C8EE8C as 100%.

0.0%	0.0% #757B6B	RGB 117 123 107	#757B6B
16.7%	16.7% #848E74	RGB 132 142 116	#848E74
33.3%	33.3% #93A17D	RGB 147 161 125	#93A17D
50.0%	50.0% #A1B483	RGB 161 180 131	#A1B483
66.7%	66.7% #AFC788	RGB 175 199 136	#AFC788
83.3%	83.3% #BCDA8A	RGB 188 218 138	#BCDA8A
100.0%	100.0% #C8EE8C	RGB 200 238 140	#C8EE8C

#757B6B #848E74 #93A17D #A1B483 #AFC788 #BCDA8A #C8EE8C

#757B6B - #A1B483 - #C8EE8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #757B6B 0%, #A1B483 50%, #C8EE8C 100%);
    background: -webkit-linear-gradient(top, #757B6B 0%, #A1B483 50%, #C8EE8C 100%);
    background: linear-gradient(to bottom, #757B6B 0%, #A1B483 50%, #C8EE8C 100%);
}
</style>