#5E7577 - #CBB89E | 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 #5E7577 to #CBB89E

#5E7577 #CBB89E

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

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

0.0%	0.0% #5E7577	RGB 94 117 119	#5E7577
16.7%	16.7% #70807D	RGB 112 128 125	#70807D
33.3%	33.3% #828B84	RGB 130 139 132	#828B84
50.0%	50.0% #94968A	RGB 148 150 138	#94968A
66.7%	66.7% #A6A191	RGB 166 161 145	#A6A191
83.3%	83.3% #B8AC97	RGB 184 172 151	#B8AC97
100.0%	100.0% #CBB89E	RGB 203 184 158	#CBB89E

#5E7577 #70807D #828B84 #94968A #A6A191 #B8AC97 #CBB89E

#5E7577 - #CBB89E

HSV Blend

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

0.0%	0.0% #5E7577	RGB 94 117 119	#5E7577
16.7%	16.7% #68857B	RGB 104 133 123	#68857B
33.3%	33.3% #73937B	RGB 115 147 123	#73937B
50.0%	50.0% #84A17E	RGB 132 161 126	#84A17E
66.7%	66.7% #9FAF88	RGB 159 175 136	#9FAF88
83.3%	83.3% #BDBC93	RGB 189 188 147	#BDBC93
100.0%	100.0% #CBB89E	RGB 203 184 158	#CBB89E

#5E7577 #68857B #73937B #84A17E #9FAF88 #BDBC93 #CBB89E

#5E7577 - #84A17E - #CBB89E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7577 0%, #84A17E 50%, #CBB89E 100%);
    background: -webkit-linear-gradient(top, #5E7577 0%, #84A17E 50%, #CBB89E 100%);
    background: linear-gradient(to bottom, #5E7577 0%, #84A17E 50%, #CBB89E 100%);
}
</style>