#5E7577 - #BA979C | 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 #5E7577 to #BA979C

#5E7577 #BA979C

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

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

0.0%	0.0% #5E7577	RGB 94 117 119	#5E7577
16.7%	16.7% #6D7A7D	RGB 109 122 125	#6D7A7D
33.3%	33.3% #7C8083	RGB 124 128 131	#7C8083
50.0%	50.0% #8C8689	RGB 140 134 137	#8C8689
66.7%	66.7% #9B8B8F	RGB 155 139 143	#9B8B8F
83.3%	83.3% #AA9195	RGB 170 145 149	#AA9195
100.0%	100.0% #BA979C	RGB 186 151 156	#BA979C

#5E7577 #6D7A7D #7C8083 #8C8689 #9B8B8F #AA9195 #BA979C

#5E7577 - #BA979C

HSV Blend

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

0.0%	0.0% #5E7577	RGB 94 117 119	#5E7577
16.7%	16.7% #677382	RGB 103 115 130	#677382
33.3%	33.3% #70708D	RGB 112 112 141	#70708D
50.0%	50.0% #887A98	RGB 136 122 152	#887A98
66.7%	66.7% #A183A3	RGB 161 131 163	#A183A3
83.3%	83.3% #AE8DA1	RGB 174 141 161	#AE8DA1
100.0%	100.0% #BA979C	RGB 186 151 156	#BA979C

#5E7577 #677382 #70708D #887A98 #A183A3 #AE8DA1 #BA979C

#5E7577 - #887A98 - #BA979C

CSS codes

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

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