#5E6F78 - #C3B29B | 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 #5E6F78 to #C3B29B

#5E6F78 #C3B29B

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

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

0.0%	0.0% #5E6F78	RGB 94 111 120	#5E6F78
16.7%	16.7% #6E7A7D	RGB 110 122 125	#6E7A7D
33.3%	33.3% #7F8583	RGB 127 133 131	#7F8583
50.0%	50.0% #909089	RGB 144 144 137	#909089
66.7%	66.7% #A19B8F	RGB 161 155 143	#A19B8F
83.3%	83.3% #B2A695	RGB 178 166 149	#B2A695
100.0%	100.0% #C3B29B	RGB 195 178 155	#C3B29B

#5E6F78 #6E7A7D #7F8583 #909089 #A19B8F #B2A695 #C3B29B

#5E6F78 - #C3B29B

HSV Blend

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

0.0%	0.0% #5E6F78	RGB 94 111 120	#5E6F78
16.7%	16.7% #688481	RGB 104 132 129	#688481
33.3%	33.3% #72917F	RGB 114 145 127	#72917F
50.0%	50.0% #7D9D7C	RGB 125 157 124	#7D9D7C
66.7%	66.7% #98AA86	RGB 152 170 134	#98AA86
83.3%	83.3% #B5B690	RGB 181 182 144	#B5B690
100.0%	100.0% #C3B29B	RGB 195 178 155	#C3B29B

#5E6F78 #688481 #72917F #7D9D7C #98AA86 #B5B690 #C3B29B

#5E6F78 - #7D9D7C - #C3B29B

CSS codes

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

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