#222A05 - #C0C2B7 | 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 #222A05 to #C0C2B7

#222A05 #C0C2B7

Calculate the color between two colors, #222A05 and #C0C2B7. 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)

#222A05 - #C0C2B7 | 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 #222A05 as 0% and #C0C2B7 as 100%.

0.0%	0.0% #222A05	RGB 34 42 5	#222A05
16.7%	16.7% #3C4322	RGB 60 67 34	#3C4322
33.3%	33.3% #565C40	RGB 86 92 64	#565C40
50.0%	50.0% #71765E	RGB 113 118 94	#71765E
66.7%	66.7% #8B8F7B	RGB 139 143 123	#8B8F7B
83.3%	83.3% #A5A899	RGB 165 168 153	#A5A899
100.0%	100.0% #C0C2B7	RGB 192 194 183	#C0C2B7

#222A05 #3C4322 #565C40 #71765E #8B8F7B #A5A899 #C0C2B7

#222A05 - #C0C2B7

HSV Blend

#222A05 - #C0C2B7 | 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 #222A05 as 0% and #C0C2B7 as 100%.

0.0%	0.0% #222A05	RGB 34 42 5	#222A05
16.7%	16.7% #384311	RGB 56 67 17	#384311
33.3%	33.3% #515C24	RGB 81 92 36	#515C24
50.0%	50.0% #6A763E	RGB 106 118 62	#6A763E
66.7%	66.7% #868F5F	RGB 134 143 95	#868F5F
83.3%	83.3% #A2A887	RGB 162 168 135	#A2A887
100.0%	100.0% #C0C2B7	RGB 192 194 183	#C0C2B7

#222A05 #384311 #515C24 #6A763E #868F5F #A2A887 #C0C2B7

#222A05 - #6A763E - #C0C2B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #222A05 0%, #6A763E 50%, #C0C2B7 100%);
    background: -webkit-linear-gradient(top, #222A05 0%, #6A763E 50%, #C0C2B7 100%);
    background: linear-gradient(to bottom, #222A05 0%, #6A763E 50%, #C0C2B7 100%);
}
</style>