#5E997C - #C5B5B7 | 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 #5E997C to #C5B5B7

#5E997C #C5B5B7

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

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

0.0%	0.0% #5E997C	RGB 94 153 124	#5E997C
16.7%	16.7% #6F9D85	RGB 111 157 133	#6F9D85
33.3%	33.3% #80A28F	RGB 128 162 143	#80A28F
50.0%	50.0% #91A799	RGB 145 167 153	#91A799
66.7%	66.7% #A2ABA3	RGB 162 171 163	#A2ABA3
83.3%	83.3% #B3B0AD	RGB 179 176 173	#B3B0AD
100.0%	100.0% #C5B5B7	RGB 197 181 183	#C5B5B7

#5E997C #6F9D85 #80A28F #91A799 #A2ABA3 #B3B0AD #C5B5B7

#5E997C - #C5B5B7

HSV Blend

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

0.0%	0.0% #5E997C	RGB 94 153 124	#5E997C
16.7%	16.7% #6AA06E	RGB 106 160 110	#6AA06E
33.3%	33.3% #89A778	RGB 137 167 120	#89A778
50.0%	50.0% #A7AF86	RGB 167 175 134	#A7AF86
66.7%	66.7% #B6AE95	RGB 182 174 149	#B6AE95
83.3%	83.3% #BDACA4	RGB 189 172 164	#BDACA4
100.0%	100.0% #C5B5B7	RGB 197 181 183	#C5B5B7

#5E997C #6AA06E #89A778 #A7AF86 #B6AE95 #BDACA4 #C5B5B7

#5E997C - #A7AF86 - #C5B5B7

CSS codes

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

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