#5E7A7B - #BC9B9E | 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 #5E7A7B to #BC9B9E

#5E7A7B #BC9B9E

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

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

0.0%	0.0% #5E7A7B	RGB 94 122 123	#5E7A7B
16.7%	16.7% #6D7F80	RGB 109 127 128	#6D7F80
33.3%	33.3% #7D8586	RGB 125 133 134	#7D8586
50.0%	50.0% #8D8A8C	RGB 141 138 140	#8D8A8C
66.7%	66.7% #9C9092	RGB 156 144 146	#9C9092
83.3%	83.3% #AC9598	RGB 172 149 152	#AC9598
100.0%	100.0% #BC9B9E	RGB 188 155 158	#BC9B9E

#5E7A7B #6D7F80 #7D8586 #8D8A8C #9C9092 #AC9598 #BC9B9E

#5E7A7B - #BC9B9E

HSV Blend

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

0.0%	0.0% #5E7A7B	RGB 94 122 123	#5E7A7B
16.7%	16.7% #677685	RGB 103 118 133	#677685
33.3%	33.3% #717190	RGB 113 113 144	#717190
50.0%	50.0% #8A7B9B	RGB 138 123 155	#8A7B9B
66.7%	66.7% #A485A6	RGB 164 133 166	#A485A6
83.3%	83.3% #B190A3	RGB 177 144 163	#B190A3
100.0%	100.0% #BC9B9E	RGB 188 155 158	#BC9B9E

#5E7A7B #677685 #717190 #8A7B9B #A485A6 #B190A3 #BC9B9E

#5E7A7B - #8A7B9B - #BC9B9E

CSS codes

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

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