#A8AFB9 - #526074 | 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 #A8AFB9 to #526074

#A8AFB9 #526074

Calculate the color between two colors, #A8AFB9 and #526074. 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)

#A8AFB9 - #526074 | 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 #A8AFB9 as 0% and #526074 as 100%.

0.0%	0.0% #A8AFB9	RGB 168 175 185	#A8AFB9
16.7%	16.7% #99A1AD	RGB 153 161 173	#99A1AD
33.3%	33.3% #8B94A2	RGB 139 148 162	#8B94A2
50.0%	50.0% #7D8796	RGB 125 135 150	#7D8796
66.7%	66.7% #6E7A8B	RGB 110 122 139	#6E7A8B
83.3%	83.3% #606D7F	RGB 96 109 127	#606D7F
100.0%	100.0% #526074	RGB 82 96 116	#526074

#A8AFB9 #99A1AD #8B94A2 #7D8796 #6E7A8B #606D7F #526074

#A8AFB9 - #526074

HSV Blend

#A8AFB9 - #526074 | 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 #A8AFB9 as 0% and #526074 as 100%.

0.0%	0.0% #A8AFB9	RGB 168 175 185	#A8AFB9
16.7%	16.7% #97A0AD	RGB 151 160 173	#97A0AD
33.3%	33.3% #8892A2	RGB 136 146 162	#8892A2
50.0%	50.0% #798596	RGB 121 133 150	#798596
66.7%	66.7% #6B788B	RGB 107 120 139	#6B788B
83.3%	83.3% #5E6C7F	RGB 94 108 127	#5E6C7F
100.0%	100.0% #526074	RGB 82 96 116	#526074

#A8AFB9 #97A0AD #8892A2 #798596 #6B788B #5E6C7F #526074

#A8AFB9 - #798596 - #526074

CSS codes

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

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