#5E7151 - #CDB974 | 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 #5E7151 to #CDB974

#5E7151 #CDB974

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

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

0.0%	0.0% #5E7151	RGB 94 113 81	#5E7151
16.7%	16.7% #707D56	RGB 112 125 86	#707D56
33.3%	33.3% #83895C	RGB 131 137 92	#83895C
50.0%	50.0% #959562	RGB 149 149 98	#959562
66.7%	66.7% #A8A168	RGB 168 161 104	#A8A168
83.3%	83.3% #BAAD6E	RGB 186 173 110	#BAAD6E
100.0%	100.0% #CDB974	RGB 205 185 116	#CDB974

#5E7151 #707D56 #83895C #959562 #A8A168 #BAAD6E #CDB974

#5E7151 - #CDB974

HSV Blend

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

0.0%	0.0% #5E7151	RGB 94 113 81	#5E7151
16.7%	16.7% #6E8058	RGB 110 128 88	#6E8058
33.3%	33.3% #808F5F	RGB 128 143 95	#808F5F
50.0%	50.0% #949F65	RGB 148 159 101	#949F65
66.7%	66.7% #ABAE6B	RGB 171 174 107	#ABAE6B
83.3%	83.3% #BDB670	RGB 189 182 112	#BDB670
100.0%	100.0% #CDB974	RGB 205 185 116	#CDB974

#5E7151 #6E8058 #808F5F #949F65 #ABAE6B #BDB670 #CDB974

#5E7151 - #949F65 - #CDB974

CSS codes

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

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