#A1A8B5 - #4B5A6F | 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 #A1A8B5 to #4B5A6F

#A1A8B5 #4B5A6F

Calculate the color between two colors, #A1A8B5 and #4B5A6F. 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)

#A1A8B5 - #4B5A6F | 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 #A1A8B5 as 0% and #4B5A6F as 100%.

0.0%	0.0% #A1A8B5	RGB 161 168 181	#A1A8B5
16.7%	16.7% #929BA9	RGB 146 155 169	#929BA9
33.3%	33.3% #848E9D	RGB 132 142 157	#848E9D
50.0%	50.0% #768192	RGB 118 129 146	#768192
66.7%	66.7% #677486	RGB 103 116 134	#677486
83.3%	83.3% #59677A	RGB 89 103 122	#59677A
100.0%	100.0% #4B5A6F	RGB 75 90 111	#4B5A6F

#A1A8B5 #929BA9 #848E9D #768192 #677486 #59677A #4B5A6F

#A1A8B5 - #4B5A6F

HSV Blend

#A1A8B5 - #4B5A6F | 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 #A1A8B5 as 0% and #4B5A6F as 100%.

0.0%	0.0% #A1A8B5	RGB 161 168 181	#A1A8B5
16.7%	16.7% #9099A9	RGB 144 153 169	#9099A9
33.3%	33.3% #818B9D	RGB 129 139 157	#818B9D
50.0%	50.0% #727E92	RGB 114 126 146	#727E92
66.7%	66.7% #647186	RGB 100 113 134	#647186
83.3%	83.3% #57657A	RGB 87 101 122	#57657A
100.0%	100.0% #4B5A6F	RGB 75 90 111	#4B5A6F

#A1A8B5 #9099A9 #818B9D #727E92 #647186 #57657A #4B5A6F

#A1A8B5 - #727E92 - #4B5A6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A8B5 0%, #727E92 50%, #4B5A6F 100%);
    background: -webkit-linear-gradient(top, #A1A8B5 0%, #727E92 50%, #4B5A6F 100%);
    background: linear-gradient(to bottom, #A1A8B5 0%, #727E92 50%, #4B5A6F 100%);
}
</style>