#5E721B - #DBBB45 | 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 #5E721B to #DBBB45

#5E721B #DBBB45

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

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

0.0%	0.0% #5E721B	RGB 94 114 27	#5E721B
16.7%	16.7% #727E22	RGB 114 126 34	#727E22
33.3%	33.3% #878A29	RGB 135 138 41	#878A29
50.0%	50.0% #9C9630	RGB 156 150 48	#9C9630
66.7%	66.7% #B1A237	RGB 177 162 55	#B1A237
83.3%	83.3% #C6AE3E	RGB 198 174 62	#C6AE3E
100.0%	100.0% #DBBB45	RGB 219 187 69	#DBBB45

#5E721B #727E22 #878A29 #9C9630 #B1A237 #C6AE3E #DBBB45

#5E721B - #DBBB45

HSV Blend

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

0.0%	0.0% #5E721B	RGB 94 114 27	#5E721B
16.7%	16.7% #748320	RGB 116 131 32	#748320
33.3%	33.3% #8B9527	RGB 139 149 39	#8B9527
50.0%	50.0% #A5A62D	RGB 165 166 45	#A5A62D
66.7%	66.7% #B8AF35	RGB 184 175 53	#B8AF35
83.3%	83.3% #C9B53C	RGB 201 181 60	#C9B53C
100.0%	100.0% #DBBB45	RGB 219 187 69	#DBBB45

#5E721B #748320 #8B9527 #A5A62D #B8AF35 #C9B53C #DBBB45

#5E721B - #A5A62D - #DBBB45

CSS codes

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

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