#5E6799 - #AFAAB4 | 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 #5E6799 to #AFAAB4

#5E6799 #AFAAB4

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

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

0.0%	0.0% #5E6799	RGB 94 103 153	#5E6799
16.7%	16.7% #6B729D	RGB 107 114 157	#6B729D
33.3%	33.3% #797DA2	RGB 121 125 162	#797DA2
50.0%	50.0% #8688A6	RGB 134 136 166	#8688A6
66.7%	66.7% #9493AB	RGB 148 147 171	#9493AB
83.3%	83.3% #A19EAF	RGB 161 158 175	#A19EAF
100.0%	100.0% #AFAAB4	RGB 175 170 180	#AFAAB4

#5E6799 #6B729D #797DA2 #8688A6 #9493AB #A19EAF #AFAAB4

#5E6799 - #AFAAB4

HSV Blend

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

0.0%	0.0% #5E6799	RGB 94 103 153	#5E6799
16.7%	16.7% #696B9D	RGB 105 107 157	#696B9D
33.3%	33.3% #7875A2	RGB 120 117 162	#7875A2
50.0%	50.0% #8881A6	RGB 136 129 166	#8881A6
66.7%	66.7% #968EAB	RGB 150 142 171	#968EAB
83.3%	83.3% #A39CAF	RGB 163 156 175	#A39CAF
100.0%	100.0% #AFAAB4	RGB 175 170 180	#AFAAB4

#5E6799 #696B9D #7875A2 #8881A6 #968EAB #A39CAF #AFAAB4

#5E6799 - #8881A6 - #AFAAB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6799 0%, #8881A6 50%, #AFAAB4 100%);
    background: -webkit-linear-gradient(top, #5E6799 0%, #8881A6 50%, #AFAAB4 100%);
    background: linear-gradient(to bottom, #5E6799 0%, #8881A6 50%, #AFAAB4 100%);
}
</style>