#A2B5C8 - #4D6586 | 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 #A2B5C8 to #4D6586

#A2B5C8 #4D6586

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

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

0.0%	0.0% #A2B5C8	RGB 162 181 200	#A2B5C8
16.7%	16.7% #93A7BD	RGB 147 167 189	#93A7BD
33.3%	33.3% #859AB2	RGB 133 154 178	#859AB2
50.0%	50.0% #778DA7	RGB 119 141 167	#778DA7
66.7%	66.7% #697F9C	RGB 105 127 156	#697F9C
83.3%	83.3% #5B7291	RGB 91 114 145	#5B7291
100.0%	100.0% #4D6586	RGB 77 101 134	#4D6586

#A2B5C8 #93A7BD #859AB2 #778DA7 #697F9C #5B7291 #4D6586

#A2B5C8 - #4D6586

HSV Blend

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

0.0%	0.0% #A2B5C8	RGB 162 181 200	#A2B5C8
16.7%	16.7% #91A6BD	RGB 145 166 189	#91A6BD
33.3%	33.3% #8298B2	RGB 130 152 178	#8298B2
50.0%	50.0% #738BA7	RGB 115 139 167	#738BA7
66.7%	66.7% #657E9C	RGB 101 126 156	#657E9C
83.3%	83.3% #597191	RGB 89 113 145	#597191
100.0%	100.0% #4D6586	RGB 77 101 134	#4D6586

#A2B5C8 #91A6BD #8298B2 #738BA7 #657E9C #597191 #4D6586

#A2B5C8 - #738BA7 - #4D6586

CSS codes

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

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