#5E6A82 - #BAACA1 | 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 #5E6A82 to #BAACA1

#5E6A82 #BAACA1

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

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

0.0%	0.0% #5E6A82	RGB 94 106 130	#5E6A82
16.7%	16.7% #6D7587	RGB 109 117 135	#6D7587
33.3%	33.3% #7C808C	RGB 124 128 140	#7C808C
50.0%	50.0% #8C8B91	RGB 140 139 145	#8C8B91
66.7%	66.7% #9B9696	RGB 155 150 150	#9B9696
83.3%	83.3% #AAA19B	RGB 170 161 155	#AAA19B
100.0%	100.0% #BAACA1	RGB 186 172 161	#BAACA1

#5E6A82 #6D7587 #7C808C #8C8B91 #9B9696 #AAA19B #BAACA1

#5E6A82 - #BAACA1

HSV Blend

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

0.0%	0.0% #5E6A82	RGB 94 106 130	#5E6A82
16.7%	16.7% #6C688B	RGB 108 104 139	#6C688B
33.3%	33.3% #867294	RGB 134 114 148	#867294
50.0%	50.0% #9E7D9C	RGB 158 125 156	#9E7D9C
66.7%	66.7% #A78897	RGB 167 136 151	#A78897
83.3%	83.3% #B09495	RGB 176 148 149	#B09495
100.0%	100.0% #BAACA1	RGB 186 172 161	#BAACA1

#5E6A82 #6C688B #867294 #9E7D9C #A78897 #B09495 #BAACA1

#5E6A82 - #9E7D9C - #BAACA1

CSS codes

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

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