#5E757D - #C7B8A1 | 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 #5E757D to #C7B8A1

#5E757D #C7B8A1

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

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

0.0%	0.0% #5E757D	RGB 94 117 125	#5E757D
16.7%	16.7% #6F8083	RGB 111 128 131	#6F8083
33.3%	33.3% #818B89	RGB 129 139 137	#818B89
50.0%	50.0% #92968F	RGB 146 150 143	#92968F
66.7%	66.7% #A4A195	RGB 164 161 149	#A4A195
83.3%	83.3% #B5AC9B	RGB 181 172 155	#B5AC9B
100.0%	100.0% #C7B8A1	RGB 199 184 161	#C7B8A1

#5E757D #6F8083 #818B89 #92968F #A4A195 #B5AC9B #C7B8A1

#5E757D - #C7B8A1

HSV Blend

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

0.0%	0.0% #5E757D	RGB 94 117 125	#5E757D
16.7%	16.7% #688983	RGB 104 137 131	#688983
33.3%	33.3% #739580	RGB 115 149 128	#739580
50.0%	50.0% #80A27E	RGB 128 162 126	#80A27E
66.7%	66.7% #9CAE89	RGB 156 174 137	#9CAE89
83.3%	83.3% #B8BA95	RGB 184 186 149	#B8BA95
100.0%	100.0% #C7B8A1	RGB 199 184 161	#C7B8A1

#5E757D #688983 #739580 #80A27E #9CAE89 #B8BA95 #C7B8A1

#5E757D - #80A27E - #C7B8A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E757D 0%, #80A27E 50%, #C7B8A1 100%);
    background: -webkit-linear-gradient(top, #5E757D 0%, #80A27E 50%, #C7B8A1 100%);
    background: linear-gradient(to bottom, #5E757D 0%, #80A27E 50%, #C7B8A1 100%);
}
</style>