#AAAFAB - #536A70 | 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 #AAAFAB to #536A70

#AAAFAB #536A70

Calculate the color between two colors, #AAAFAB and #536A70. 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)

#AAAFAB - #536A70 | 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 #AAAFAB as 0% and #536A70 as 100%.

0.0%	0.0% #AAAFAB	RGB 170 175 171	#AAAFAB
16.7%	16.7% #9BA3A1	RGB 155 163 161	#9BA3A1
33.3%	33.3% #8D9897	RGB 141 152 151	#8D9897
50.0%	50.0% #7E8C8D	RGB 126 140 141	#7E8C8D
66.7%	66.7% #708183	RGB 112 129 131	#708183
83.3%	83.3% #617579	RGB 97 117 121	#617579
100.0%	100.0% #536A70	RGB 83 106 112	#536A70

#AAAFAB #9BA3A1 #8D9897 #7E8C8D #708183 #617579 #536A70

#AAAFAB - #536A70

HSV Blend

#AAAFAB - #536A70 | 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 #AAAFAB as 0% and #536A70 as 100%.

0.0%	0.0% #AAAFAB	RGB 170 175 171	#AAAFAB
16.7%	16.7% #99A49D	RGB 153 164 157	#99A49D
33.3%	33.3% #899A92	RGB 137 154 146	#899A92
50.0%	50.0% #7A8F89	RGB 122 143 137	#7A8F89
66.7%	66.7% #6C8581	RGB 108 133 129	#6C8581
83.3%	83.3% #5F797A	RGB 95 121 122	#5F797A
100.0%	100.0% #536A70	RGB 83 106 112	#536A70

#AAAFAB #99A49D #899A92 #7A8F89 #6C8581 #5F797A #536A70

#AAAFAB - #7A8F89 - #536A70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAAFAB 0%, #7A8F89 50%, #536A70 100%);
    background: -webkit-linear-gradient(top, #AAAFAB 0%, #7A8F89 50%, #536A70 100%);
    background: linear-gradient(to bottom, #AAAFAB 0%, #7A8F89 50%, #536A70 100%);
}
</style>