#A2AFB2 - #4D898C | 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 #A2AFB2 to #4D898C

#A2AFB2 #4D898C

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

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

0.0%	0.0% #A2AFB2	RGB 162 175 178	#A2AFB2
16.7%	16.7% #93A8AB	RGB 147 168 171	#93A8AB
33.3%	33.3% #85A2A5	RGB 133 162 165	#85A2A5
50.0%	50.0% #779C9F	RGB 119 156 159	#779C9F
66.7%	66.7% #699598	RGB 105 149 152	#699598
83.3%	83.3% #5B8F92	RGB 91 143 146	#5B8F92
100.0%	100.0% #4D898C	RGB 77 137 140	#4D898C

#A2AFB2 #93A8AB #85A2A5 #779C9F #699598 #5B8F92 #4D898C

#A2AFB2 - #4D898C

HSV Blend

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

0.0%	0.0% #A2AFB2	RGB 162 175 178	#A2AFB2
16.7%	16.7% #91A7AB	RGB 145 167 171	#91A7AB
33.3%	33.3% #82A0A5	RGB 130 160 165	#82A0A5
50.0%	50.0% #74999F	RGB 116 153 159	#74999F
66.7%	66.7% #669398	RGB 102 147 152	#669398
83.3%	83.3% #598E92	RGB 89 142 146	#598E92
100.0%	100.0% #4D898C	RGB 77 137 140	#4D898C

#A2AFB2 #91A7AB #82A0A5 #74999F #669398 #598E92 #4D898C

#A2AFB2 - #74999F - #4D898C

CSS codes

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

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