#5E6263 - #C0A58A | 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 #5E6263 to #C0A58A

#5E6263 #C0A58A

Calculate the color between two colors, #5E6263 and #C0A58A. 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)

#5E6263 - #C0A58A | 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 #5E6263 as 0% and #C0A58A as 100%.

0.0%	0.0% #5E6263	RGB 94 98 99	#5E6263
16.7%	16.7% #6E6D69	RGB 110 109 105	#6E6D69
33.3%	33.3% #7E7870	RGB 126 120 112	#7E7870
50.0%	50.0% #8F8376	RGB 143 131 118	#8F8376
66.7%	66.7% #9F8E7D	RGB 159 142 125	#9F8E7D
83.3%	83.3% #AF9983	RGB 175 153 131	#AF9983
100.0%	100.0% #C0A58A	RGB 192 165 138	#C0A58A

#5E6263 #6E6D69 #7E7870 #8F8376 #9F8E7D #AF9983 #C0A58A

#5E6263 - #C0A58A

HSV Blend

#5E6263 - #C0A58A | 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 #5E6263 as 0% and #C0A58A as 100%.

0.0%	0.0% #5E6263	RGB 94 98 99	#5E6263
16.7%	16.7% #68726F	RGB 104 114 111	#68726F
33.3%	33.3% #718276	RGB 113 130 118	#718276
50.0%	50.0% #7C9179	RGB 124 145 121	#7C9179
66.7%	66.7% #93A180	RGB 147 161 128	#93A180
83.3%	83.3% #B0AE85	RGB 176 174 133	#B0AE85
100.0%	100.0% #C0A58A	RGB 192 165 138	#C0A58A

#5E6263 #68726F #718276 #7C9179 #93A180 #B0AE85 #C0A58A

#5E6263 - #7C9179 - #C0A58A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6263 0%, #7C9179 50%, #C0A58A 100%);
    background: -webkit-linear-gradient(top, #5E6263 0%, #7C9179 50%, #C0A58A 100%);
    background: linear-gradient(to bottom, #5E6263 0%, #7C9179 50%, #C0A58A 100%);
}
</style>