#5E3D4B - #DBC26A | 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 #5E3D4B to #DBC26A

#5E3D4B #DBC26A

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

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

0.0%	0.0% #5E3D4B	RGB 94 61 75	#5E3D4B
16.7%	16.7% #725350	RGB 114 83 80	#725350
33.3%	33.3% #876955	RGB 135 105 85	#876955
50.0%	50.0% #9C7F5A	RGB 156 127 90	#9C7F5A
66.7%	66.7% #B1955F	RGB 177 149 95	#B1955F
83.3%	83.3% #C6AB64	RGB 198 171 100	#C6AB64
100.0%	100.0% #DBC26A	RGB 219 194 106	#DBC26A

#5E3D4B #725350 #876955 #9C7F5A #B1955F #C6AB64 #DBC26A

#5E3D4B - #DBC26A

HSV Blend

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

0.0%	0.0% #5E3D4B	RGB 94 61 75	#5E3D4B
16.7%	16.7% #724751	RGB 114 71 81	#724751
33.3%	33.3% #875051	RGB 135 80 81	#875051
50.0%	50.0% #9C6458	RGB 156 100 88	#9C6458
66.7%	66.7% #B17E5F	RGB 177 126 95	#B17E5F
83.3%	83.3% #C69D65	RGB 198 157 101	#C69D65
100.0%	100.0% #DBC26A	RGB 219 194 106	#DBC26A

#5E3D4B #724751 #875051 #9C6458 #B17E5F #C69D65 #DBC26A

#5E3D4B - #9C6458 - #DBC26A

CSS codes

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

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