#6B6952 - #C0DB7B | 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 #6B6952 to #C0DB7B

#6B6952 #C0DB7B

Calculate the color between two colors, #6B6952 and #C0DB7B. 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)

#6B6952 - #C0DB7B | 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 #6B6952 as 0% and #C0DB7B as 100%.

0.0%	0.0% #6B6952	RGB 107 105 82	#6B6952
16.7%	16.7% #797C58	RGB 121 124 88	#797C58
33.3%	33.3% #878F5F	RGB 135 143 95	#878F5F
50.0%	50.0% #95A266	RGB 149 162 102	#95A266
66.7%	66.7% #A3B56D	RGB 163 181 109	#A3B56D
83.3%	83.3% #B1C874	RGB 177 200 116	#B1C874
100.0%	100.0% #C0DB7B	RGB 192 219 123	#C0DB7B

#6B6952 #797C58 #878F5F #95A266 #A3B56D #B1C874 #C0DB7B

#6B6952 - #C0DB7B

HSV Blend

#6B6952 - #C0DB7B | 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 #6B6952 as 0% and #C0DB7B as 100%.

0.0%	0.0% #6B6952	RGB 107 105 82	#6B6952
16.7%	16.7% #7D7D5C	RGB 125 125 92	#7D7D5C
33.3%	33.3% #8E9064	RGB 142 144 100	#8E9064
50.0%	50.0% #9DA36C	RGB 157 163 108	#9DA36C
66.7%	66.7% #AAB572	RGB 170 181 114	#AAB572
83.3%	83.3% #B6C877	RGB 182 200 119	#B6C877
100.0%	100.0% #C0DB7B	RGB 192 219 123	#C0DB7B

#6B6952 #7D7D5C #8E9064 #9DA36C #AAB572 #B6C877 #C0DB7B

#6B6952 - #9DA36C - #C0DB7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6952 0%, #9DA36C 50%, #C0DB7B 100%);
    background: -webkit-linear-gradient(top, #6B6952 0%, #9DA36C 50%, #C0DB7B 100%);
    background: linear-gradient(to bottom, #6B6952 0%, #9DA36C 50%, #C0DB7B 100%);
}
</style>