#5E5A14 - #DB9D30 | 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 #5E5A14 to #DB9D30

#5E5A14 #DB9D30

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

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

0.0%	0.0% #5E5A14	RGB 94 90 20	#5E5A14
16.7%	16.7% #726518	RGB 114 101 24	#726518
33.3%	33.3% #87701D	RGB 135 112 29	#87701D
50.0%	50.0% #9C7B22	RGB 156 123 34	#9C7B22
66.7%	66.7% #B18626	RGB 177 134 38	#B18626
83.3%	83.3% #C6912B	RGB 198 145 43	#C6912B
100.0%	100.0% #DB9D30	RGB 219 157 48	#DB9D30

#5E5A14 #726518 #87701D #9C7B22 #B18626 #C6912B #DB9D30

#5E5A14 - #DB9D30

HSV Blend

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

0.0%	0.0% #5E5A13	RGB 94 90 19	#5E5A13
16.7%	16.7% #726918	RGB 114 105 24	#726918
33.3%	33.3% #87761D	RGB 135 118 29	#87761D
50.0%	50.0% #9C8221	RGB 156 130 33	#9C8221
66.7%	66.7% #B18D26	RGB 177 141 38	#B18D26
83.3%	83.3% #C6952B	RGB 198 149 43	#C6952B
100.0%	100.0% #DB9D30	RGB 219 157 48	#DB9D30

#5E5A13 #726918 #87761D #9C8221 #B18D26 #C6952B #DB9D30

#5E5A14 - #9C8221 - #DB9D30

CSS codes

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

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