#5E6869 - #C4AC91 | 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 #5E6869 to #C4AC91

#5E6869 #C4AC91

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

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

0.0%	0.0% #5E6869	RGB 94 104 105	#5E6869
16.7%	16.7% #6F736F	RGB 111 115 111	#6F736F
33.3%	33.3% #807E76	RGB 128 126 118	#807E76
50.0%	50.0% #918A7D	RGB 145 138 125	#918A7D
66.7%	66.7% #A29583	RGB 162 149 131	#A29583
83.3%	83.3% #B3A08A	RGB 179 160 138	#B3A08A
100.0%	100.0% #C4AC91	RGB 196 172 145	#C4AC91

#5E6869 #6F736F #807E76 #918A7D #A29583 #B3A08A #C4AC91

#5E6869 - #C4AC91

HSV Blend

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

0.0%	0.0% #5E6869	RGB 94 104 105	#5E6869
16.7%	16.7% #687872	RGB 104 120 114	#687872
33.3%	33.3% #728777	RGB 114 135 119	#728777
50.0%	50.0% #80967B	RGB 128 150 123	#80967B
66.7%	66.7% #98A583	RGB 152 165 131	#98A583
83.3%	83.3% #B4B28A	RGB 180 178 138	#B4B28A
100.0%	100.0% #C4AC91	RGB 196 172 145	#C4AC91

#5E6869 #687872 #728777 #80967B #98A583 #B4B28A #C4AC91

#5E6869 - #80967B - #C4AC91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6869 0%, #80967B 50%, #C4AC91 100%);
    background: -webkit-linear-gradient(top, #5E6869 0%, #80967B 50%, #C4AC91 100%);
    background: linear-gradient(to bottom, #5E6869 0%, #80967B 50%, #C4AC91 100%);
}
</style>