#A2ABB6 - #4D768C | 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 #A2ABB6 to #4D768C

#A2ABB6 #4D768C

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

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

0.0%	0.0% #A2ABB6	RGB 162 171 182	#A2ABB6
16.7%	16.7% #93A2AF	RGB 147 162 175	#93A2AF
33.3%	33.3% #8599A8	RGB 133 153 168	#8599A8
50.0%	50.0% #7790A1	RGB 119 144 161	#7790A1
66.7%	66.7% #69879A	RGB 105 135 154	#69879A
83.3%	83.3% #5B7E93	RGB 91 126 147	#5B7E93
100.0%	100.0% #4D768C	RGB 77 118 140	#4D768C

#A2ABB6 #93A2AF #8599A8 #7790A1 #69879A #5B7E93 #4D768C

#A2ABB6 - #4D768C

HSV Blend

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

0.0%	0.0% #A2ABB6	RGB 162 171 182	#A2ABB6
16.7%	16.7% #919FAF	RGB 145 159 175	#919FAF
33.3%	33.3% #8295A8	RGB 130 149 168	#8295A8
50.0%	50.0% #738CA1	RGB 115 140 161	#738CA1
66.7%	66.7% #66849A	RGB 102 132 154	#66849A
83.3%	83.3% #597C93	RGB 89 124 147	#597C93
100.0%	100.0% #4D768C	RGB 77 118 140	#4D768C

#A2ABB6 #919FAF #8295A8 #738CA1 #66849A #597C93 #4D768C

#A2ABB6 - #738CA1 - #4D768C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2ABB6 0%, #738CA1 50%, #4D768C 100%);
    background: -webkit-linear-gradient(top, #A2ABB6 0%, #738CA1 50%, #4D768C 100%);
    background: linear-gradient(to bottom, #A2ABB6 0%, #738CA1 50%, #4D768C 100%);
}
</style>