#5E666D - #C5BE94 | 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 #5E666D to #C5BE94

#5E666D #C5BE94

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

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

0.0%	0.0% #5E666D	RGB 94 102 109	#5E666D
16.7%	16.7% #6F7473	RGB 111 116 115	#6F7473
33.3%	33.3% #80837A	RGB 128 131 122	#80837A
50.0%	50.0% #919280	RGB 145 146 128	#919280
66.7%	66.7% #A2A087	RGB 162 160 135	#A2A087
83.3%	83.3% #B3AF8D	RGB 179 175 141	#B3AF8D
100.0%	100.0% #C5BE94	RGB 197 190 148	#C5BE94

#5E666D #6F7473 #80837A #919280 #A2A087 #B3AF8D #C5BE94

#5E666D - #C5BE94

HSV Blend

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

0.0%	0.0% #5E666D	RGB 94 102 109	#5E666D
16.7%	16.7% #687B7B	RGB 104 123 123	#687B7B
33.3%	33.3% #728A80	RGB 114 138 128	#728A80
50.0%	50.0% #7B9980	RGB 123 153 128	#7B9980
66.7%	66.7% #8DA784	RGB 141 167 132	#8DA784
83.3%	83.3% #AAB68C	RGB 170 182 140	#AAB68C
100.0%	100.0% #C5BE94	RGB 197 190 148	#C5BE94

#5E666D #687B7B #728A80 #7B9980 #8DA784 #AAB68C #C5BE94

#5E666D - #7B9980 - #C5BE94

CSS codes

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

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