#A2A2A7 - #455B60 | 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 #A2A2A7 to #455B60

#A2A2A7 #455B60

Calculate the color between two colors, #A2A2A7 and #455B60. 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)

#A2A2A7 - #455B60 | 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 #A2A2A7 as 0% and #455B60 as 100%.

0.0%	0.0% #A2A2A7	RGB 162 162 167	#A2A2A7
16.7%	16.7% #92969B	RGB 146 150 155	#92969B
33.3%	33.3% #838A8F	RGB 131 138 143	#838A8F
50.0%	50.0% #737E83	RGB 115 126 131	#737E83
66.7%	66.7% #647277	RGB 100 114 119	#647277
83.3%	83.3% #54666B	RGB 84 102 107	#54666B
100.0%	100.0% #455B60	RGB 69 91 96	#455B60

#A2A2A7 #92969B #838A8F #737E83 #647277 #54666B #455B60

#A2A2A7 - #455B60

HSV Blend

#A2A2A7 - #455B60 | 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 #A2A2A7 as 0% and #455B60 as 100%.

0.0%	0.0% #A2A2A7	RGB 162 162 167	#A2A2A7
16.7%	16.7% #90919B	RGB 144 145 155	#90919B
33.3%	33.3% #7F838F	RGB 127 131 143	#7F838F
50.0%	50.0% #6F7783	RGB 111 119 131	#6F7783
66.7%	66.7% #606C77	RGB 96 108 119	#606C77
83.3%	83.3% #52636B	RGB 82 99 107	#52636B
100.0%	100.0% #455B60	RGB 69 91 96	#455B60

#A2A2A7 #90919B #7F838F #6F7783 #606C77 #52636B #455B60

#A2A2A7 - #6F7783 - #455B60

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2A2A7 0%, #6F7783 50%, #455B60 100%);
    background: -webkit-linear-gradient(top, #A2A2A7 0%, #6F7783 50%, #455B60 100%);
    background: linear-gradient(to bottom, #A2A2A7 0%, #6F7783 50%, #455B60 100%);
}
</style>