#5E525A - #DB9F82 | 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 #5E525A to #DB9F82

#5E525A #DB9F82

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

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

0.0%	0.0% #5E525A	RGB 94 82 90	#5E525A
16.7%	16.7% #725E60	RGB 114 94 96	#725E60
33.3%	33.3% #876B67	RGB 135 107 103	#876B67
50.0%	50.0% #9C786E	RGB 156 120 110	#9C786E
66.7%	66.7% #B18574	RGB 177 133 116	#B18574
83.3%	83.3% #C6927B	RGB 198 146 123	#C6927B
100.0%	100.0% #DB9F82	RGB 219 159 130	#DB9F82

#5E525A #725E60 #876B67 #9C786E #B18574 #C6927B #DB9F82

#5E525A - #DB9F82

HSV Blend

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

0.0%	0.0% #5E525A	RGB 94 82 90	#5E525A
16.7%	16.7% #725E68	RGB 114 94 104	#725E68
33.3%	33.3% #876973	RGB 135 105 115	#876973
50.0%	50.0% #9C7279	RGB 156 114 121	#9C7279
66.7%	66.7% #B1797A	RGB 177 121 122	#B1797A
83.3%	83.3% #C68A7E	RGB 198 138 126	#C68A7E
100.0%	100.0% #DB9F82	RGB 219 159 130	#DB9F82

#5E525A #725E68 #876973 #9C7279 #B1797A #C68A7E #DB9F82

#5E525A - #9C7279 - #DB9F82

CSS codes

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

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