#5E6F77 - #C4B29B | 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 #5E6F77 to #C4B29B

#5E6F77 #C4B29B

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

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

0.0%	0.0% #5E6F77	RGB 94 111 119	#5E6F77
16.7%	16.7% #6F7A7D	RGB 111 122 125	#6F7A7D
33.3%	33.3% #808583	RGB 128 133 131	#808583
50.0%	50.0% #919089	RGB 145 144 137	#919089
66.7%	66.7% #A29B8F	RGB 162 155 143	#A29B8F
83.3%	83.3% #B3A695	RGB 179 166 149	#B3A695
100.0%	100.0% #C4B29B	RGB 196 178 155	#C4B29B

#5E6F77 #6F7A7D #808583 #919089 #A29B8F #B3A695 #C4B29B

#5E6F77 - #C4B29B

HSV Blend

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

0.0%	0.0% #5E6F77	RGB 94 111 119	#5E6F77
16.7%	16.7% #68837F	RGB 104 131 127	#68837F
33.3%	33.3% #72907E	RGB 114 144 126	#72907E
50.0%	50.0% #7E9D7C	RGB 126 157 124	#7E9D7C
66.7%	66.7% #99AA86	RGB 153 170 134	#99AA86
83.3%	83.3% #B6B790	RGB 182 183 144	#B6B790
100.0%	100.0% #C4B29B	RGB 196 178 155	#C4B29B

#5E6F77 #68837F #72907E #7E9D7C #99AA86 #B6B790 #C4B29B

#5E6F77 - #7E9D7C - #C4B29B

CSS codes

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

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