#5E748B - #C0B6AA | 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 #5E748B to #C0B6AA

#5E748B #C0B6AA

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

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

0.0%	0.0% #5E748B	RGB 94 116 139	#5E748B
16.7%	16.7% #6E7F90	RGB 110 127 144	#6E7F90
33.3%	33.3% #7E8A95	RGB 126 138 149	#7E8A95
50.0%	50.0% #8F959A	RGB 143 149 154	#8F959A
66.7%	66.7% #9FA09F	RGB 159 160 159	#9FA09F
83.3%	83.3% #AFABA4	RGB 175 171 164	#AFABA4
100.0%	100.0% #C0B6AA	RGB 192 182 170	#C0B6AA

#5E748B #6E7F90 #7E8A95 #8F959A #9FA09F #AFABA4 #C0B6AA

#5E748B - #C0B6AA

HSV Blend

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

0.0%	0.0% #5E748B	RGB 94 116 139	#5E748B
16.7%	16.7% #699393	RGB 105 147 147	#699393
33.3%	33.3% #749C89	RGB 116 156 137	#749C89
50.0%	50.0% #81A582	RGB 129 165 130	#81A582
66.7%	66.7% #9DAE8E	RGB 157 174 142	#9DAE8E
83.3%	83.3% #B6B79B	RGB 182 183 155	#B6B79B
100.0%	100.0% #C0B6AA	RGB 192 182 170	#C0B6AA

#5E748B #699393 #749C89 #81A582 #9DAE8E #B6B79B #C0B6AA

#5E748B - #81A582 - #C0B6AA

CSS codes

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

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