#5E686A - #C3AC91 | 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 #5E686A to #C3AC91

#5E686A #C3AC91

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

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

0.0%	0.0% #5E686A	RGB 94 104 106	#5E686A
16.7%	16.7% #6E7370	RGB 110 115 112	#6E7370
33.3%	33.3% #7F7E77	RGB 127 126 119	#7F7E77
50.0%	50.0% #908A7D	RGB 144 138 125	#908A7D
66.7%	66.7% #A19584	RGB 161 149 132	#A19584
83.3%	83.3% #B2A08A	RGB 178 160 138	#B2A08A
100.0%	100.0% #C3AC91	RGB 195 172 145	#C3AC91

#5E686A #6E7370 #7F7E77 #908A7D #A19584 #B2A08A #C3AC91

#5E686A - #C3AC91

HSV Blend

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

0.0%	0.0% #5E686A	RGB 94 104 106	#5E686A
16.7%	16.7% #687874	RGB 104 120 116	#687874
33.3%	33.3% #718778	RGB 113 135 120	#718778
50.0%	50.0% #7E967A	RGB 126 150 122	#7E967A
66.7%	66.7% #96A582	RGB 150 165 130	#96A582
83.3%	83.3% #B4B38A	RGB 180 179 138	#B4B38A
100.0%	100.0% #C3AC91	RGB 195 172 145	#C3AC91

#5E686A #687874 #718778 #7E967A #96A582 #B4B38A #C3AC91

#5E686A - #7E967A - #C3AC91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E686A 0%, #7E967A 50%, #C3AC91 100%);
    background: -webkit-linear-gradient(top, #5E686A 0%, #7E967A 50%, #C3AC91 100%);
    background: linear-gradient(to bottom, #5E686A 0%, #7E967A 50%, #C3AC91 100%);
}
</style>