#A2A2B6 - #44586F | 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 #A2A2B6 to #44586F

#A2A2B6 #44586F

Calculate the color between two colors, #A2A2B6 and #44586F. 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)

#A2A2B6 - #44586F | 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 #A2A2B6 as 0% and #44586F as 100%.

0.0%	0.0% #A2A2B6	RGB 162 162 182	#A2A2B6
16.7%	16.7% #9295AA	RGB 146 149 170	#9295AA
33.3%	33.3% #82899E	RGB 130 137 158	#82899E
50.0%	50.0% #737D92	RGB 115 125 146	#737D92
66.7%	66.7% #637086	RGB 99 112 134	#637086
83.3%	83.3% #53647A	RGB 83 100 122	#53647A
100.0%	100.0% #44586F	RGB 68 88 111	#44586F

#A2A2B6 #9295AA #82899E #737D92 #637086 #53647A #44586F

#A2A2B6 - #44586F

HSV Blend

#A2A2B6 - #44586F | 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 #A2A2B6 as 0% and #44586F as 100%.

0.0%	0.0% #A2A2B6	RGB 162 162 182	#A2A2B6
16.7%	16.7% #8F91AA	RGB 143 145 170	#8F91AA
33.3%	33.3% #7E839E	RGB 126 131 158	#7E839E
50.0%	50.0% #6E7692	RGB 110 118 146	#6E7692
66.7%	66.7% #5E6B86	RGB 94 107 134	#5E6B86
83.3%	83.3% #50617A	RGB 80 97 122	#50617A
100.0%	100.0% #44586F	RGB 68 88 111	#44586F

#A2A2B6 #8F91AA #7E839E #6E7692 #5E6B86 #50617A #44586F

#A2A2B6 - #6E7692 - #44586F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2A2B6 0%, #6E7692 50%, #44586F 100%);
    background: -webkit-linear-gradient(top, #A2A2B6 0%, #6E7692 50%, #44586F 100%);
    background: linear-gradient(to bottom, #A2A2B6 0%, #6E7692 50%, #44586F 100%);
}
</style>