#5E697A - #BCAB9A | 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 #5E697A to #BCAB9A

#5E697A #BCAB9A

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

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

0.0%	0.0% #5E697A	RGB 94 105 122	#5E697A
16.7%	16.7% #6D747F	RGB 109 116 127	#6D747F
33.3%	33.3% #7D7F84	RGB 125 127 132	#7D7F84
50.0%	50.0% #8D8A8A	RGB 141 138 138	#8D8A8A
66.7%	66.7% #9C958F	RGB 156 149 143	#9C958F
83.3%	83.3% #ACA094	RGB 172 160 148	#ACA094
100.0%	100.0% #BCAB9A	RGB 188 171 154	#BCAB9A

#5E697A #6D747F #7D7F84 #8D8A8A #9C958F #ACA094 #BCAB9A

#5E697A - #BCAB9A

HSV Blend

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

0.0%	0.0% #5E697A	RGB 94 105 122	#5E697A
16.7%	16.7% #6A6785	RGB 106 103 133	#6A6785
33.3%	33.3% #827190	RGB 130 113 144	#827190
50.0%	50.0% #9B7B99	RGB 155 123 153	#9B7B99
66.7%	66.7% #A68594	RGB 166 133 148	#A68594
83.3%	83.3% #B1908F	RGB 177 144 143	#B1908F
100.0%	100.0% #BCAB9A	RGB 188 171 154	#BCAB9A

#5E697A #6A6785 #827190 #9B7B99 #A68594 #B1908F #BCAB9A

#5E697A - #9B7B99 - #BCAB9A

CSS codes

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

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