#5E744F - #D0BC72 | 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 #5E744F to #D0BC72

#5E744F #D0BC72

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

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

0.0%	0.0% #5E744F	RGB 94 116 79	#5E744F
16.7%	16.7% #718054	RGB 113 128 84	#718054
33.3%	33.3% #848C5A	RGB 132 140 90	#848C5A
50.0%	50.0% #979860	RGB 151 152 96	#979860
66.7%	66.7% #AAA466	RGB 170 164 102	#AAA466
83.3%	83.3% #BDB06C	RGB 189 176 108	#BDB06C
100.0%	100.0% #D0BC72	RGB 208 188 114	#D0BC72

#5E744F #718054 #848C5A #979860 #AAA466 #BDB06C #D0BC72

#5E744F - #D0BC72

HSV Blend

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

0.0%	0.0% #5E744F	RGB 94 116 79	#5E744F
16.7%	16.7% #6E8356	RGB 110 131 86	#6E8356
33.3%	33.3% #81925D	RGB 129 146 93	#81925D
50.0%	50.0% #96A263	RGB 150 162 99	#96A263
66.7%	66.7% #ADB169	RGB 173 177 105	#ADB169
83.3%	83.3% #C0BA6D	RGB 192 186 109	#C0BA6D
100.0%	100.0% #D0BC72	RGB 208 188 114	#D0BC72

#5E744F #6E8356 #81925D #96A263 #ADB169 #C0BA6D #D0BC72

#5E744F - #96A263 - #D0BC72

CSS codes

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

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