#C0CCB8 - #759F64 | 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 #C0CCB8 to #759F64

#C0CCB8 #759F64

Calculate the color between two colors, #C0CCB8 and #759F64. 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)

#C0CCB8 - #759F64 | 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 #C0CCB8 as 0% and #759F64 as 100%.

0.0%	0.0% #C0CCB8	RGB 192 204 184	#C0CCB8
16.7%	16.7% #B3C4AA	RGB 179 196 170	#B3C4AA
33.3%	33.3% #A7BD9C	RGB 167 189 156	#A7BD9C
50.0%	50.0% #9AB58E	RGB 154 181 142	#9AB58E
66.7%	66.7% #8EAE80	RGB 142 174 128	#8EAE80
83.3%	83.3% #81A672	RGB 129 166 114	#81A672
100.0%	100.0% #759F64	RGB 117 159 100	#759F64

#C0CCB8 #B3C4AA #A7BD9C #9AB58E #8EAE80 #81A672 #759F64

#C0CCB8 - #759F64

HSV Blend

#C0CCB8 - #759F64 | 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 #C0CCB8 as 0% and #759F64 as 100%.

0.0%	0.0% #C0CCB8	RGB 192 204 184	#C0CCB8
16.7%	16.7% #B3C4A8	RGB 179 196 168	#B3C4A8
33.3%	33.3% #A6BD99	RGB 166 189 153	#A6BD99
50.0%	50.0% #99B58A	RGB 153 181 138	#99B58A
66.7%	66.7% #8DAE7D	RGB 141 174 125	#8DAE7D
83.3%	83.3% #80A670	RGB 128 166 112	#80A670
100.0%	100.0% #759F64	RGB 117 159 100	#759F64

#C0CCB8 #B3C4A8 #A6BD99 #99B58A #8DAE7D #80A670 #759F64

#C0CCB8 - #99B58A - #759F64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCB8 0%, #99B58A 50%, #759F64 100%);
    background: -webkit-linear-gradient(top, #C0CCB8 0%, #99B58A 50%, #759F64 100%);
    background: linear-gradient(to bottom, #C0CCB8 0%, #99B58A 50%, #759F64 100%);
}
</style>