#606637 - #CDB05F | 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 #606637 to #CDB05F

#606637 #CDB05F

Calculate the color between two colors, #606637 and #CDB05F. 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)

#606637 - #CDB05F | 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 #606637 as 0% and #CDB05F as 100%.

0.0%	0.0% #606637	RGB 96 102 55	#606637
16.7%	16.7% #72723D	RGB 114 114 61	#72723D
33.3%	33.3% #847E44	RGB 132 126 68	#847E44
50.0%	50.0% #968B4B	RGB 150 139 75	#968B4B
66.7%	66.7% #A89751	RGB 168 151 81	#A89751
83.3%	83.3% #BAA358	RGB 186 163 88	#BAA358
100.0%	100.0% #CDB05F	RGB 205 176 95	#CDB05F

#606637 #72723D #847E44 #968B4B #A89751 #BAA358 #CDB05F

#606637 - #CDB05F

HSV Blend

#606637 - #CDB05F | 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 #606637 as 0% and #CDB05F as 100%.

0.0%	0.0% #606637	RGB 96 102 55	#606637
16.7%	16.7% #73773E	RGB 115 119 62	#73773E
33.3%	33.3% #888846	RGB 136 136 70	#888846
50.0%	50.0% #99944C	RGB 153 148 76	#99944C
66.7%	66.7% #AA9F53	RGB 170 159 83	#AA9F53
83.3%	83.3% #BBA859	RGB 187 168 89	#BBA859
100.0%	100.0% #CDB05F	RGB 205 176 95	#CDB05F

#606637 #73773E #888846 #99944C #AA9F53 #BBA859 #CDB05F

#606637 - #99944C - #CDB05F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #606637 0%, #99944C 50%, #CDB05F 100%);
    background: -webkit-linear-gradient(top, #606637 0%, #99944C 50%, #CDB05F 100%);
    background: linear-gradient(to bottom, #606637 0%, #99944C 50%, #CDB05F 100%);
}
</style>