#5E777F - #C8BAA3 | 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 #5E777F to #C8BAA3

#5E777F #C8BAA3

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

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

0.0%	0.0% #5E777F	RGB 94 119 127	#5E777F
16.7%	16.7% #6F8285	RGB 111 130 133	#6F8285
33.3%	33.3% #818D8B	RGB 129 141 139	#818D8B
50.0%	50.0% #939891	RGB 147 152 145	#939891
66.7%	66.7% #A4A397	RGB 164 163 151	#A4A397
83.3%	83.3% #B6AE9D	RGB 182 174 157	#B6AE9D
100.0%	100.0% #C8BAA3	RGB 200 186 163	#C8BAA3

#5E777F #6F8285 #818D8B #939891 #A4A397 #B6AE9D #C8BAA3

#5E777F - #C8BAA3

HSV Blend

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

0.0%	0.0% #5E777F	RGB 94 119 127	#5E777F
16.7%	16.7% #688B84	RGB 104 139 132	#688B84
33.3%	33.3% #739780	RGB 115 151 128	#739780
50.0%	50.0% #81A37F	RGB 129 163 127	#81A37F
66.7%	66.7% #9DAF8A	RGB 157 175 138	#9DAF8A
83.3%	83.3% #B9BB96	RGB 185 187 150	#B9BB96
100.0%	100.0% #C8BAA3	RGB 200 186 163	#C8BAA3

#5E777F #688B84 #739780 #81A37F #9DAF8A #B9BB96 #C8BAA3

#5E777F - #81A37F - #C8BAA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E777F 0%, #81A37F 50%, #C8BAA3 100%);
    background: -webkit-linear-gradient(top, #5E777F 0%, #81A37F 50%, #C8BAA3 100%);
    background: linear-gradient(to bottom, #5E777F 0%, #81A37F 50%, #C8BAA3 100%);
}
</style>