#4B7621 - #CBD7BF | 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 #4B7621 to #CBD7BF

#4B7621 #CBD7BF

Calculate the color between two colors, #4B7621 and #CBD7BF. 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)

#4B7621 - #CBD7BF | 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 #4B7621 as 0% and #CBD7BF as 100%.

0.0%	0.0% #4B7621	RGB 75 118 33	#4B7621
16.7%	16.7% #60863B	RGB 96 134 59	#60863B
33.3%	33.3% #759655	RGB 117 150 85	#759655
50.0%	50.0% #8BA670	RGB 139 166 112	#8BA670
66.7%	66.7% #A0B68A	RGB 160 182 138	#A0B68A
83.3%	83.3% #B5C6A4	RGB 181 198 164	#B5C6A4
100.0%	100.0% #CBD7BF	RGB 203 215 191	#CBD7BF

#4B7621 #60863B #759655 #8BA670 #A0B68A #B5C6A4 #CBD7BF

#4B7621 - #CBD7BF

HSV Blend

#4B7621 - #CBD7BF | 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 #4B7621 as 0% and #CBD7BF as 100%.

0.0%	0.0% #4A7621	RGB 74 118 33	#4A7621
16.7%	16.7% #5C8633	RGB 92 134 51	#5C8633
33.3%	33.3% #6F9648	RGB 111 150 72	#6F9648
50.0%	50.0% #83A661	RGB 131 166 97	#83A661
66.7%	66.7% #99B67D	RGB 153 182 125	#99B67D
83.3%	83.3% #B1C69C	RGB 177 198 156	#B1C69C
100.0%	100.0% #CBD7BF	RGB 203 215 191	#CBD7BF

#4A7621 #5C8633 #6F9648 #83A661 #99B67D #B1C69C #CBD7BF

#4B7621 - #83A661 - #CBD7BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A7621 0%, #83A661 50%, #CBD7BF 100%);
    background: -webkit-linear-gradient(top, #4A7621 0%, #83A661 50%, #CBD7BF 100%);
    background: linear-gradient(to bottom, #4A7621 0%, #83A661 50%, #CBD7BF 100%);
}
</style>