#AAABB6 - #4D6170 | 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 #AAABB6 to #4D6170

#AAABB6 #4D6170

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

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

0.0%	0.0% #AAABB6	RGB 170 171 182	#AAABB6
16.7%	16.7% #9A9EAA	RGB 154 158 170	#9A9EAA
33.3%	33.3% #8B929E	RGB 139 146 158	#8B929E
50.0%	50.0% #7B8693	RGB 123 134 147	#7B8693
66.7%	66.7% #6C7987	RGB 108 121 135	#6C7987
83.3%	83.3% #5C6D7B	RGB 92 109 123	#5C6D7B
100.0%	100.0% #4D6170	RGB 77 97 112	#4D6170

#AAABB6 #9A9EAA #8B929E #7B8693 #6C7987 #5C6D7B #4D6170

#AAABB6 - #4D6170

HSV Blend

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

0.0%	0.0% #AAABB6	RGB 170 171 182	#AAABB6
16.7%	16.7% #989BAA	RGB 152 155 170	#989BAA
33.3%	33.3% #878C9E	RGB 135 140 158	#878C9E
50.0%	50.0% #778093	RGB 119 128 147	#778093
66.7%	66.7% #687487	RGB 104 116 135	#687487
83.3%	83.3% #5A6A7B	RGB 90 106 123	#5A6A7B
100.0%	100.0% #4D6170	RGB 77 97 112	#4D6170

#AAABB6 #989BAA #878C9E #778093 #687487 #5A6A7B #4D6170

#AAABB6 - #778093 - #4D6170

CSS codes

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

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