#5E8D91 - #A3A3AC | 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 #5E8D91 to #A3A3AC

#5E8D91 #A3A3AC

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

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

0.0%	0.0% #5E8D91	RGB 94 141 145	#5E8D91
16.7%	16.7% #699095	RGB 105 144 149	#699095
33.3%	33.3% #75949A	RGB 117 148 154	#75949A
50.0%	50.0% #80989E	RGB 128 152 158	#80989E
66.7%	66.7% #8C9BA3	RGB 140 155 163	#8C9BA3
83.3%	83.3% #979FA7	RGB 151 159 167	#979FA7
100.0%	100.0% #A3A3AC	RGB 163 163 172	#A3A3AC

#5E8D91 #699095 #75949A #80989E #8C9BA3 #979FA7 #A3A3AC

#5E8D91 - #A3A3AC

HSV Blend

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

0.0%	0.0% #5E8D91	RGB 94 141 145	#5E8D91
16.7%	16.7% #688B95	RGB 104 139 149	#688B95
33.3%	33.3% #738B9A	RGB 115 139 154	#738B9A
50.0%	50.0% #7E8D9E	RGB 126 141 158	#7E8D9E
66.7%	66.7% #8A91A3	RGB 138 145 163	#8A91A3
83.3%	83.3% #9699A7	RGB 150 153 167	#9699A7
100.0%	100.0% #A3A3AC	RGB 163 163 172	#A3A3AC

#5E8D91 #688B95 #738B9A #7E8D9E #8A91A3 #9699A7 #A3A3AC

#5E8D91 - #7E8D9E - #A3A3AC

CSS codes

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

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