#5E6B6D - #C5AF94 | 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 #5E6B6D to #C5AF94

#5E6B6D #C5AF94

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

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

0.0%	0.0% #5E6B6D	RGB 94 107 109	#5E6B6D
16.7%	16.7% #6F7673	RGB 111 118 115	#6F7673
33.3%	33.3% #80817A	RGB 128 129 122	#80817A
50.0%	50.0% #918D80	RGB 145 141 128	#918D80
66.7%	66.7% #A29887	RGB 162 152 135	#A29887
83.3%	83.3% #B3A38D	RGB 179 163 141	#B3A38D
100.0%	100.0% #C5AF94	RGB 197 175 148	#C5AF94

#5E6B6D #6F7673 #80817A #918D80 #A29887 #B3A38D #C5AF94

#5E6B6D - #C5AF94

HSV Blend

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

0.0%	0.0% #5E6B6D	RGB 94 107 109	#5E6B6D
16.7%	16.7% #687B75	RGB 104 123 117	#687B75
33.3%	33.3% #728A78	RGB 114 138 120	#728A78
50.0%	50.0% #80997B	RGB 128 153 123	#80997B
66.7%	66.7% #99A784	RGB 153 167 132	#99A784
83.3%	83.3% #B6B58C	RGB 182 181 140	#B6B58C
100.0%	100.0% #C5AF94	RGB 197 175 148	#C5AF94

#5E6B6D #687B75 #728A78 #80997B #99A784 #B6B58C #C5AF94

#5E6B6D - #80997B - #C5AF94

CSS codes

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

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