#C0CAB2 - #8CAF5D | 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 #C0CAB2 to #8CAF5D

#C0CAB2 #8CAF5D

Calculate the color between two colors, #C0CAB2 and #8CAF5D. 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)

#C0CAB2 - #8CAF5D | 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 #C0CAB2 as 0% and #8CAF5D as 100%.

0.0%	0.0% #C0CAB2	RGB 192 202 178	#C0CAB2
16.7%	16.7% #B7C5A3	RGB 183 197 163	#B7C5A3
33.3%	33.3% #AEC195	RGB 174 193 149	#AEC195
50.0%	50.0% #A6BC87	RGB 166 188 135	#A6BC87
66.7%	66.7% #9DB879	RGB 157 184 121	#9DB879
83.3%	83.3% #94B36B	RGB 148 179 107	#94B36B
100.0%	100.0% #8CAF5D	RGB 140 175 93	#8CAF5D

#C0CAB2 #B7C5A3 #AEC195 #A6BC87 #9DB879 #94B36B #8CAF5D

#C0CAB2 - #8CAF5D

HSV Blend

#C0CAB2 - #8CAF5D | 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 #C0CAB2 as 0% and #8CAF5D as 100%.

0.0%	0.0% #C0CAB2	RGB 192 202 178	#C0CAB2
16.7%	16.7% #B6C5A2	RGB 182 197 162	#B6C5A2
33.3%	33.3% #ADC193	RGB 173 193 147	#ADC193
50.0%	50.0% #A5BC85	RGB 165 188 133	#A5BC85
66.7%	66.7% #9CB877	RGB 156 184 119	#9CB877
83.3%	83.3% #94B369	RGB 148 179 105	#94B369
100.0%	100.0% #8CAF5D	RGB 140 175 93	#8CAF5D

#C0CAB2 #B6C5A2 #ADC193 #A5BC85 #9CB877 #94B369 #8CAF5D

#C0CAB2 - #A5BC85 - #8CAF5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CAB2 0%, #A5BC85 50%, #8CAF5D 100%);
    background: -webkit-linear-gradient(top, #C0CAB2 0%, #A5BC85 50%, #8CAF5D 100%);
    background: linear-gradient(to bottom, #C0CAB2 0%, #A5BC85 50%, #8CAF5D 100%);
}
</style>