#A1A8A8 - #4B8591 | 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 #A1A8A8 to #4B8591

#A1A8A8 #4B8591

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

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

0.0%	0.0% #A1A8A8	RGB 161 168 168	#A1A8A8
16.7%	16.7% #92A2A4	RGB 146 162 164	#92A2A4
33.3%	33.3% #849CA0	RGB 132 156 160	#849CA0
50.0%	50.0% #76969C	RGB 118 150 156	#76969C
66.7%	66.7% #679098	RGB 103 144 152	#679098
83.3%	83.3% #598A94	RGB 89 138 148	#598A94
100.0%	100.0% #4B8591	RGB 75 133 145	#4B8591

#A1A8A8 #92A2A4 #849CA0 #76969C #679098 #598A94 #4B8591

#A1A8A8 - #4B8591

HSV Blend

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

0.0%	0.0% #A1A8A8	RGB 161 168 168	#A1A8A8
16.7%	16.7% #91A3A4	RGB 145 163 164	#91A3A4
33.3%	33.3% #829EA0	RGB 130 158 160	#829EA0
50.0%	50.0% #73989C	RGB 115 152 156	#73989C
66.7%	66.7% #659298	RGB 101 146 152	#659298
83.3%	83.3% #578C94	RGB 87 140 148	#578C94
100.0%	100.0% #4B8591	RGB 75 133 145	#4B8591

#A1A8A8 #91A3A4 #829EA0 #73989C #659298 #578C94 #4B8591

#A1A8A8 - #73989C - #4B8591

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A8A8 0%, #73989C 50%, #4B8591 100%);
    background: -webkit-linear-gradient(top, #A1A8A8 0%, #73989C 50%, #4B8591 100%);
    background: linear-gradient(to bottom, #A1A8A8 0%, #73989C 50%, #4B8591 100%);
}
</style>