#C0CFB5 - #76A361 | 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 #C0CFB5 to #76A361

#C0CFB5 #76A361

Calculate the color between two colors, #C0CFB5 and #76A361. 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)

#C0CFB5 - #76A361 | 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 #C0CFB5 as 0% and #76A361 as 100%.

0.0%	0.0% #C0CFB5	RGB 192 207 181	#C0CFB5
16.7%	16.7% #B3C7A7	RGB 179 199 167	#B3C7A7
33.3%	33.3% #A7C099	RGB 167 192 153	#A7C099
50.0%	50.0% #9BB98B	RGB 155 185 139	#9BB98B
66.7%	66.7% #8EB17D	RGB 142 177 125	#8EB17D
83.3%	83.3% #82AA6F	RGB 130 170 111	#82AA6F
100.0%	100.0% #76A361	RGB 118 163 97	#76A361

#C0CFB5 #B3C7A7 #A7C099 #9BB98B #8EB17D #82AA6F #76A361

#C0CFB5 - #76A361

HSV Blend

#C0CFB5 - #76A361 | 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 #C0CFB5 as 0% and #76A361 as 100%.

0.0%	0.0% #C0CFB5	RGB 192 207 181	#C0CFB5
16.7%	16.7% #B3C7A5	RGB 179 199 165	#B3C7A5
33.3%	33.3% #A6C096	RGB 166 192 150	#A6C096
50.0%	50.0% #9AB987	RGB 154 185 135	#9AB987
66.7%	66.7% #8DB17A	RGB 141 177 122	#8DB17A
83.3%	83.3% #81AA6D	RGB 129 170 109	#81AA6D
100.0%	100.0% #76A361	RGB 118 163 97	#76A361

#C0CFB5 #B3C7A5 #A6C096 #9AB987 #8DB17A #81AA6D #76A361

#C0CFB5 - #9AB987 - #76A361

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CFB5 0%, #9AB987 50%, #76A361 100%);
    background: -webkit-linear-gradient(top, #C0CFB5 0%, #9AB987 50%, #76A361 100%);
    background: linear-gradient(to bottom, #C0CFB5 0%, #9AB987 50%, #76A361 100%);
}
</style>