#5E7779 - #BA999C | 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 #5E7779 to #BA999C

#5E7779 #BA999C

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

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

0.0%	0.0% #5E7779	RGB 94 119 121	#5E7779
16.7%	16.7% #6D7C7E	RGB 109 124 126	#6D7C7E
33.3%	33.3% #7C8284	RGB 124 130 132	#7C8284
50.0%	50.0% #8C888A	RGB 140 136 138	#8C888A
66.7%	66.7% #9B8D90	RGB 155 141 144	#9B8D90
83.3%	83.3% #AA9396	RGB 170 147 150	#AA9396
100.0%	100.0% #BA999C	RGB 186 153 156	#BA999C

#5E7779 #6D7C7E #7C8284 #8C888A #9B8D90 #AA9396 #BA999C

#5E7779 - #BA999C

HSV Blend

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

0.0%	0.0% #5E7779	RGB 94 119 121	#5E7779
16.7%	16.7% #677483	RGB 103 116 131	#677483
33.3%	33.3% #71718E	RGB 113 113 142	#71718E
50.0%	50.0% #897A99	RGB 137 122 153	#897A99
66.7%	66.7% #A384A4	RGB 163 132 164	#A384A4
83.3%	83.3% #AF8EA1	RGB 175 142 161	#AF8EA1
100.0%	100.0% #BA999C	RGB 186 153 156	#BA999C

#5E7779 #677483 #71718E #897A99 #A384A4 #AF8EA1 #BA999C

#5E7779 - #897A99 - #BA999C

CSS codes

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

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