#5E7B6E - #BC9BAE | 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 #5E7B6E to #BC9BAE

#5E7B6E #BC9BAE

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

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

0.0%	0.0% #5E7B6E	RGB 94 123 110	#5E7B6E
16.7%	16.7% #6D8078	RGB 109 128 120	#6D8078
33.3%	33.3% #7D8583	RGB 125 133 131	#7D8583
50.0%	50.0% #8D8B8E	RGB 141 139 142	#8D8B8E
66.7%	66.7% #9C9098	RGB 156 144 152	#9C9098
83.3%	83.3% #AC95A3	RGB 172 149 163	#AC95A3
100.0%	100.0% #BC9BAE	RGB 188 155 174	#BC9BAE

#5E7B6E #6D8078 #7D8583 #8D8B8E #9C9098 #AC95A3 #BC9BAE

#5E7B6E - #BC9BAE

HSV Blend

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

0.0%	0.0% #5E7B6E	RGB 94 123 110	#5E7B6E
16.7%	16.7% #678485	RGB 103 132 133	#678485
33.3%	33.3% #718090	RGB 113 128 144	#718090
50.0%	50.0% #7B7B9B	RGB 123 123 155	#7B7B9B
66.7%	66.7% #9485A6	RGB 148 133 166	#9485A6
83.3%	83.3% #AF90B1	RGB 175 144 177	#AF90B1
100.0%	100.0% #BC9BAE	RGB 188 155 174	#BC9BAE

#5E7B6E #678485 #718090 #7B7B9B #9485A6 #AF90B1 #BC9BAE

#5E7B6E - #7B7B9B - #BC9BAE

CSS codes

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

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