#5E7E6A - #BCB08C | 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 #5E7E6A to #BCB08C

#5E7E6A #BCB08C

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

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

0.0%	0.0% #5E7E6A	RGB 94 126 106	#5E7E6A
16.7%	16.7% #6D866F	RGB 109 134 111	#6D866F
33.3%	33.3% #7D8E75	RGB 125 142 117	#7D8E75
50.0%	50.0% #8D977B	RGB 141 151 123	#8D977B
66.7%	66.7% #9C9F80	RGB 156 159 128	#9C9F80
83.3%	83.3% #ACA786	RGB 172 167 134	#ACA786
100.0%	100.0% #BCB08C	RGB 188 176 140	#BCB08C

#5E7E6A #6D866F #7D8E75 #8D977B #9C9F80 #ACA786 #BCB08C

#5E7E6A - #BCB08C

HSV Blend

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

0.0%	0.0% #5E7E6A	RGB 94 126 106	#5E7E6A
16.7%	16.7% #658869	RGB 101 136 105	#658869
33.3%	33.3% #73926D	RGB 115 146 109	#73926D
50.0%	50.0% #869D75	RGB 134 157 117	#869D75
66.7%	66.7% #9AA77C	RGB 154 167 124	#9AA77C
83.3%	83.3% #B0B184	RGB 176 177 132	#B0B184
100.0%	100.0% #BCB08C	RGB 188 176 140	#BCB08C

#5E7E6A #658869 #73926D #869D75 #9AA77C #B0B184 #BCB08C

#5E7E6A - #869D75 - #BCB08C

CSS codes

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

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