#5E6899 - #AFABB4 | 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 #5E6899 to #AFABB4

#5E6899 #AFABB4

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

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

0.0%	0.0% #5E6899	RGB 94 104 153	#5E6899
16.7%	16.7% #6B739D	RGB 107 115 157	#6B739D
33.3%	33.3% #797EA2	RGB 121 126 162	#797EA2
50.0%	50.0% #8689A6	RGB 134 137 166	#8689A6
66.7%	66.7% #9494AB	RGB 148 148 171	#9494AB
83.3%	83.3% #A19FAF	RGB 161 159 175	#A19FAF
100.0%	100.0% #AFABB4	RGB 175 171 180	#AFABB4

#5E6899 #6B739D #797EA2 #8689A6 #9494AB #A19FAF #AFABB4

#5E6899 - #AFABB4

HSV Blend

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

0.0%	0.0% #5E6899	RGB 94 104 153	#5E6899
16.7%	16.7% #696D9D	RGB 105 109 157	#696D9D
33.3%	33.3% #7775A2	RGB 119 117 162	#7775A2
50.0%	50.0% #8782A6	RGB 135 130 166	#8782A6
66.7%	66.7% #958FAB	RGB 149 143 171	#958FAB
83.3%	83.3% #A39CAF	RGB 163 156 175	#A39CAF
100.0%	100.0% #AFABB4	RGB 175 171 180	#AFABB4

#5E6899 #696D9D #7775A2 #8782A6 #958FAB #A39CAF #AFABB4

#5E6899 - #8782A6 - #AFABB4

CSS codes

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

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