#5E6C80 - #BDAEA0 | 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 #5E6C80 to #BDAEA0

#5E6C80 #BDAEA0

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

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

0.0%	0.0% #5E6C80	RGB 94 108 128	#5E6C80
16.7%	16.7% #6D7785	RGB 109 119 133	#6D7785
33.3%	33.3% #7D828A	RGB 125 130 138	#7D828A
50.0%	50.0% #8D8D90	RGB 141 141 144	#8D8D90
66.7%	66.7% #9D9895	RGB 157 152 149	#9D9895
83.3%	83.3% #ADA39A	RGB 173 163 154	#ADA39A
100.0%	100.0% #BDAEA0	RGB 189 174 160	#BDAEA0

#5E6C80 #6D7785 #7D828A #8D8D90 #9D9895 #ADA39A #BDAEA0

#5E6C80 - #BDAEA0

HSV Blend

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

0.0%	0.0% #5E6C80	RGB 94 108 128	#5E6C80
16.7%	16.7% #6A688A	RGB 106 104 138	#6A688A
33.3%	33.3% #857294	RGB 133 114 148	#857294
50.0%	50.0% #9E7D9D	RGB 158 125 157	#9E7D9D
66.7%	66.7% #A88897	RGB 168 136 151	#A88897
83.3%	83.3% #B29494	RGB 178 148 148	#B29494
100.0%	100.0% #BDAEA0	RGB 189 174 160	#BDAEA0

#5E6C80 #6A688A #857294 #9E7D9D #A88897 #B29494 #BDAEA0

#5E6C80 - #9E7D9D - #BDAEA0

CSS codes

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

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