#5E605D - #BBA97E | 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 #5E605D to #BBA97E

#5E605D #BBA97E

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

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

0.0%	0.0% #5E605D	RGB 94 96 93	#5E605D
16.7%	16.7% #6D6C62	RGB 109 108 98	#6D6C62
33.3%	33.3% #7D7868	RGB 125 120 104	#7D7868
50.0%	50.0% #8C846D	RGB 140 132 109	#8C846D
66.7%	66.7% #9C9073	RGB 156 144 115	#9C9073
83.3%	83.3% #AB9C78	RGB 171 156 120	#AB9C78
100.0%	100.0% #BBA97E	RGB 187 169 126	#BBA97E

#5E605D #6D6C62 #7D7868 #8C846D #9C9073 #AB9C78 #BBA97E

#5E605D - #BBA97E

HSV Blend

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

0.0%	0.0% #5E605D	RGB 94 96 93	#5E605D
16.7%	16.7% #6A6F66	RGB 106 111 102	#6A6F66
33.3%	33.3% #787E6D	RGB 120 126 109	#787E6D
50.0%	50.0% #888D74	RGB 136 141 116	#888D74
66.7%	66.7% #9B9C78	RGB 155 156 120	#9B9C78
83.3%	83.3% #ABA57C	RGB 171 165 124	#ABA57C
100.0%	100.0% #BBA97E	RGB 187 169 126	#BBA97E

#5E605D #6A6F66 #787E6D #888D74 #9B9C78 #ABA57C #BBA97E

#5E605D - #888D74 - #BBA97E

CSS codes

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

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