#5E5256 - #DBB982 | 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 #5E5256 to #DBB982

#5E5256 #DBB982

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

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

0.0%	0.0% #5E5256	RGB 94 82 86	#5E5256
16.7%	16.7% #72635D	RGB 114 99 93	#72635D
33.3%	33.3% #877464	RGB 135 116 100	#877464
50.0%	50.0% #9C856C	RGB 156 133 108	#9C856C
66.7%	66.7% #B19673	RGB 177 150 115	#B19673
83.3%	83.3% #C6A77A	RGB 198 167 122	#C6A77A
100.0%	100.0% #DBB982	RGB 219 185 130	#DBB982

#5E5256 #72635D #877464 #9C856C #B19673 #C6A77A #DBB982

#5E5256 - #DBB982

HSV Blend

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

0.0%	0.0% #5E5256	RGB 94 82 86	#5E5256
16.7%	16.7% #725E62	RGB 114 94 98	#725E62
33.3%	33.3% #87696A	RGB 135 105 106	#87696A
50.0%	50.0% #9C7872	RGB 156 120 114	#9C7872
66.7%	66.7% #B18A79	RGB 177 138 121	#B18A79
83.3%	83.3% #C69F7E	RGB 198 159 126	#C69F7E
100.0%	100.0% #DBB982	RGB 219 185 130	#DBB982

#5E5256 #725E62 #87696A #9C7872 #B18A79 #C69F7E #DBB982

#5E5256 - #9C7872 - #DBB982

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5256 0%, #9C7872 50%, #DBB982 100%);
    background: -webkit-linear-gradient(top, #5E5256 0%, #9C7872 50%, #DBB982 100%);
    background: linear-gradient(to bottom, #5E5256 0%, #9C7872 50%, #DBB982 100%);
}
</style>