#5E7091 - #BAB2AE | 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 #5E7091 to #BAB2AE

#5E7091 #BAB2AE

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

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

0.0%	0.0% #5E7091	RGB 94 112 145	#5E7091
16.7%	16.7% #6D7B95	RGB 109 123 149	#6D7B95
33.3%	33.3% #7C869A	RGB 124 134 154	#7C869A
50.0%	50.0% #8C919F	RGB 140 145 159	#8C919F
66.7%	66.7% #9B9CA4	RGB 155 156 164	#9B9CA4
83.3%	83.3% #AAA7A9	RGB 170 167 169	#AAA7A9
100.0%	100.0% #BAB2AE	RGB 186 178 174	#BAB2AE

#5E7091 #6D7B95 #7C869A #8C919F #9B9CA4 #AAA7A9 #BAB2AE

#5E7091 - #BAB2AE

HSV Blend

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

0.0%	0.0% #5E7091	RGB 94 112 145	#5E7091
16.7%	16.7% #6E6997	RGB 110 105 151	#6E6997
33.3%	33.3% #8C769E	RGB 140 118 158	#8C769E
50.0%	50.0% #A583A5	RGB 165 131 165	#A583A5
66.7%	66.7% #AC90A0	RGB 172 144 160	#AC90A0
83.3%	83.3% #B39FA1	RGB 179 159 161	#B39FA1
100.0%	100.0% #BAB2AE	RGB 186 178 174	#BAB2AE

#5E7091 #6E6997 #8C769E #A583A5 #AC90A0 #B39FA1 #BAB2AE

#5E7091 - #A583A5 - #BAB2AE

CSS codes

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

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