#4D73AB - #AAB9C7 | 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 #4D73AB to #AAB9C7

#4D73AB #AAB9C7

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

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

0.0%	0.0% #4D73AB	RGB 77 115 171	#4D73AB
16.7%	16.7% #5C7EAF	RGB 92 126 175	#5C7EAF
33.3%	33.3% #6C8AB4	RGB 108 138 180	#6C8AB4
50.0%	50.0% #7B96B9	RGB 123 150 185	#7B96B9
66.7%	66.7% #8BA1BD	RGB 139 161 189	#8BA1BD
83.3%	83.3% #9AADC2	RGB 154 173 194	#9AADC2
100.0%	100.0% #AAB9C7	RGB 170 185 199	#AAB9C7

#4D73AB #5C7EAF #6C8AB4 #7B96B9 #8BA1BD #9AADC2 #AAB9C7

#4D73AB - #AAB9C7

HSV Blend

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

0.0%	0.0% #4D73AB	RGB 77 115 171	#4D73AB
16.7%	16.7% #5A7EAF	RGB 90 126 175	#5A7EAF
33.3%	33.3% #698AB4	RGB 105 138 180	#698AB4
50.0%	50.0% #7896B9	RGB 120 150 185	#7896B9
66.7%	66.7% #88A1BD	RGB 136 161 189	#88A1BD
83.3%	83.3% #98ADC2	RGB 152 173 194	#98ADC2
100.0%	100.0% #AAB9C7	RGB 170 185 199	#AAB9C7

#4D73AB #5A7EAF #698AB4 #7896B9 #88A1BD #98ADC2 #AAB9C7

#4D73AB - #7896B9 - #AAB9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D73AB 0%, #7896B9 50%, #AAB9C7 100%);
    background: -webkit-linear-gradient(top, #4D73AB 0%, #7896B9 50%, #AAB9C7 100%);
    background: linear-gradient(to bottom, #4D73AB 0%, #7896B9 50%, #AAB9C7 100%);
}
</style>