#AFAFBA - #5A6A8F | 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 #AFAFBA to #5A6A8F

#AFAFBA #5A6A8F

Calculate the color between two colors, #AFAFBA and #5A6A8F. 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)

#AFAFBA - #5A6A8F | 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 #AFAFBA as 0% and #5A6A8F as 100%.

0.0%	0.0% #AFAFBA	RGB 175 175 186	#AFAFBA
16.7%	16.7% #A0A3B2	RGB 160 163 178	#A0A3B2
33.3%	33.3% #9298AB	RGB 146 152 171	#9298AB
50.0%	50.0% #848CA4	RGB 132 140 164	#848CA4
66.7%	66.7% #76819D	RGB 118 129 157	#76819D
83.3%	83.3% #687596	RGB 104 117 150	#687596
100.0%	100.0% #5A6A8F	RGB 90 106 143	#5A6A8F

#AFAFBA #A0A3B2 #9298AB #848CA4 #76819D #687596 #5A6A8F

#AFAFBA - #5A6A8F

HSV Blend

#AFAFBA - #5A6A8F | 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 #AFAFBA as 0% and #5A6A8F as 100%.

0.0%	0.0% #AFAFBA	RGB 175 175 186	#AFAFBA
16.7%	16.7% #9E9FB2	RGB 158 159 178	#9E9FB2
33.3%	33.3% #8F92AB	RGB 143 146 171	#8F92AB
50.0%	50.0% #8186A4	RGB 129 134 164	#8186A4
66.7%	66.7% #737B9D	RGB 115 123 157	#737B9D
83.3%	83.3% #667296	RGB 102 114 150	#667296
100.0%	100.0% #5A6A8F	RGB 90 106 143	#5A6A8F

#AFAFBA #9E9FB2 #8F92AB #8186A4 #737B9D #667296 #5A6A8F

#AFAFBA - #8186A4 - #5A6A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAFBA 0%, #8186A4 50%, #5A6A8F 100%);
    background: -webkit-linear-gradient(top, #AFAFBA 0%, #8186A4 50%, #5A6A8F 100%);
    background: linear-gradient(to bottom, #AFAFBA 0%, #8186A4 50%, #5A6A8F 100%);
}
</style>