#636161 - #DFB08D | 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 #636161 to #DFB08D

#636161 #DFB08D

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

#636161 - #DFB08D | 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 #636161 as 0% and #DFB08D as 100%.

0.0%	0.0% #636161	RGB 99 97 97	#636161
16.7%	16.7% #776E68	RGB 119 110 104	#776E68
33.3%	33.3% #8C7B6F	RGB 140 123 111	#8C7B6F
50.0%	50.0% #A18877	RGB 161 136 119	#A18877
66.7%	66.7% #B5957E	RGB 181 149 126	#B5957E
83.3%	83.3% #CAA285	RGB 202 162 133	#CAA285
100.0%	100.0% #DFB08D	RGB 223 176 141	#DFB08D

#636161 #776E68 #8C7B6F #A18877 #B5957E #CAA285 #DFB08D

#636161 - #DFB08D

HSV Blend

#636161 - #DFB08D | 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 #636161 as 0% and #DFB08D as 100%.

0.0%	0.0% #636161	RGB 99 97 97	#636161
16.7%	16.7% #776E6E	RGB 119 110 110	#776E6E
33.3%	33.3% #8C7B79	RGB 140 123 121	#8C7B79
50.0%	50.0% #A18881	RGB 161 136 129	#A18881
66.7%	66.7% #B59487	RGB 181 148 135	#B59487
83.3%	83.3% #CAA18B	RGB 202 161 139	#CAA18B
100.0%	100.0% #DFB08D	RGB 223 176 141	#DFB08D

#636161 #776E6E #8C7B79 #A18881 #B59487 #CAA18B #DFB08D

#636161 - #A18881 - #DFB08D

CSS codes

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

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