#5E6B77 - #C0AD99 | 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 #5E6B77 to #C0AD99

#5E6B77 #C0AD99

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

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

0.0%	0.0% #5E6B77	RGB 94 107 119	#5E6B77
16.7%	16.7% #6E767C	RGB 110 118 124	#6E767C
33.3%	33.3% #7E8182	RGB 126 129 130	#7E8182
50.0%	50.0% #8F8C88	RGB 143 140 136	#8F8C88
66.7%	66.7% #9F978D	RGB 159 151 141	#9F978D
83.3%	83.3% #AFA293	RGB 175 162 147	#AFA293
100.0%	100.0% #C0AD99	RGB 192 173 153	#C0AD99

#5E6B77 #6E767C #7E8182 #8F8C88 #9F978D #AFA293 #C0AD99

#5E6B77 - #C0AD99

HSV Blend

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

0.0%	0.0% #5E6B77	RGB 94 107 119	#5E6B77
16.7%	16.7% #678382	RGB 103 131 130	#678382
33.3%	33.3% #718F80	RGB 113 143 128	#718F80
50.0%	50.0% #7B9B7B	RGB 123 155 123	#7B9B7B
66.7%	66.7% #96A785	RGB 150 167 133	#96A785
83.3%	83.3% #B3B38F	RGB 179 179 143	#B3B38F
100.0%	100.0% #C0AD99	RGB 192 173 153	#C0AD99

#5E6B77 #678382 #718F80 #7B9B7B #96A785 #B3B38F #C0AD99

#5E6B77 - #7B9B7B - #C0AD99

CSS codes

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

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