#5E707C - #B0989F | 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 #5E707C to #B0989F

#5E707C #B0989F

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

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

0.0%	0.0% #5E707C	RGB 94 112 124	#5E707C
16.7%	16.7% #6B7681	RGB 107 118 129	#6B7681
33.3%	33.3% #797D87	RGB 121 125 135	#797D87
50.0%	50.0% #87848D	RGB 135 132 141	#87848D
66.7%	66.7% #948A93	RGB 148 138 147	#948A93
83.3%	83.3% #A29199	RGB 162 145 153	#A29199
100.0%	100.0% #B0989F	RGB 176 152 159	#B0989F

#5E707C #6B7681 #797D87 #87848D #948A93 #A29199 #B0989F

#5E707C - #B0989F

HSV Blend

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

0.0%	0.0% #5E707C	RGB 94 112 124	#5E707C
16.7%	16.7% #666D84	RGB 102 109 132	#666D84
33.3%	33.3% #75708D	RGB 117 112 141	#75708D
50.0%	50.0% #897996	RGB 137 121 150	#897996
66.7%	66.7% #9D839E	RGB 157 131 158	#9D839E
83.3%	83.3% #A78D9E	RGB 167 141 158	#A78D9E
100.0%	100.0% #B0989F	RGB 176 152 159	#B0989F

#5E707C #666D84 #75708D #897996 #9D839E #A78D9E #B0989F

#5E707C - #897996 - #B0989F

CSS codes

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

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