#A2A7B2 - #4D6A8C | 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 #A2A7B2 to #4D6A8C

#A2A7B2 #4D6A8C

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

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

0.0%	0.0% #A2A7B2	RGB 162 167 178	#A2A7B2
16.7%	16.7% #939CAB	RGB 147 156 171	#939CAB
33.3%	33.3% #8592A5	RGB 133 146 165	#8592A5
50.0%	50.0% #77889F	RGB 119 136 159	#77889F
66.7%	66.7% #697E98	RGB 105 126 152	#697E98
83.3%	83.3% #5B7492	RGB 91 116 146	#5B7492
100.0%	100.0% #4D6A8C	RGB 77 106 140	#4D6A8C

#A2A7B2 #939CAB #8592A5 #77889F #697E98 #5B7492 #4D6A8C

#A2A7B2 - #4D6A8C

HSV Blend

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

0.0%	0.0% #A2A7B2	RGB 162 167 178	#A2A7B2
16.7%	16.7% #919AAB	RGB 145 154 171	#919AAB
33.3%	33.3% #828FA5	RGB 130 143 165	#828FA5
50.0%	50.0% #74849F	RGB 116 132 159	#74849F
66.7%	66.7% #667A98	RGB 102 122 152	#667A98
83.3%	83.3% #597292	RGB 89 114 146	#597292
100.0%	100.0% #4D6A8C	RGB 77 106 140	#4D6A8C

#A2A7B2 #919AAB #828FA5 #74849F #667A98 #597292 #4D6A8C

#A2A7B2 - #74849F - #4D6A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2A7B2 0%, #74849F 50%, #4D6A8C 100%);
    background: -webkit-linear-gradient(top, #A2A7B2 0%, #74849F 50%, #4D6A8C 100%);
    background: linear-gradient(to bottom, #A2A7B2 0%, #74849F 50%, #4D6A8C 100%);
}
</style>