#5E6F4C - #CDB871 | 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 #5E6F4C to #CDB871

#5E6F4C #CDB871

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

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

0.0%	0.0% #5E6F4C	RGB 94 111 76	#5E6F4C
16.7%	16.7% #707B52	RGB 112 123 82	#707B52
33.3%	33.3% #838758	RGB 131 135 88	#838758
50.0%	50.0% #95935E	RGB 149 147 94	#95935E
66.7%	66.7% #A89F64	RGB 168 159 100	#A89F64
83.3%	83.3% #BAAB6A	RGB 186 171 106	#BAAB6A
100.0%	100.0% #CDB871	RGB 205 184 113	#CDB871

#5E6F4C #707B52 #838758 #95935E #A89F64 #BAAB6A #CDB871

#5E6F4C - #CDB871

HSV Blend

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

0.0%	0.0% #5E6F4C	RGB 94 111 76	#5E6F4C
16.7%	16.7% #6E7E53	RGB 110 126 83	#6E7E53
33.3%	33.3% #818E5B	RGB 129 142 91	#818E5B
50.0%	50.0% #969E61	RGB 150 158 97	#969E61
66.7%	66.7% #ACAD67	RGB 172 173 103	#ACAD67
83.3%	83.3% #BDB46C	RGB 189 180 108	#BDB46C
100.0%	100.0% #CDB871	RGB 205 184 113	#CDB871

#5E6F4C #6E7E53 #818E5B #969E61 #ACAD67 #BDB46C #CDB871

#5E6F4C - #969E61 - #CDB871

CSS codes

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

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