#5E6392 - #AEA6AE | 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 #5E6392 to #AEA6AE

#5E6392 #AEA6AE

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

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

0.0%	0.0% #5E6392	RGB 94 99 146	#5E6392
16.7%	16.7% #6B6E96	RGB 107 110 150	#6B6E96
33.3%	33.3% #78799B	RGB 120 121 155	#78799B
50.0%	50.0% #8684A0	RGB 134 132 160	#8684A0
66.7%	66.7% #938FA4	RGB 147 143 164	#938FA4
83.3%	83.3% #A09AA9	RGB 160 154 169	#A09AA9
100.0%	100.0% #AEA6AE	RGB 174 166 174	#AEA6AE

#5E6392 #6B6E96 #78799B #8684A0 #938FA4 #A09AA9 #AEA6AE

#5E6392 - #AEA6AE

HSV Blend

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

0.0%	0.0% #5E6392	RGB 94 99 146	#5E6392
16.7%	16.7% #6C6896	RGB 108 104 150	#6C6896
33.3%	33.3% #7E749B	RGB 126 116 155	#7E749B
50.0%	50.0% #8E7FA0	RGB 142 127 160	#8E7FA0
66.7%	66.7% #9B8CA4	RGB 155 140 164	#9B8CA4
83.3%	83.3% #A698A9	RGB 166 152 169	#A698A9
100.0%	100.0% #AEA6AE	RGB 174 166 174	#AEA6AE

#5E6392 #6C6896 #7E749B #8E7FA0 #9B8CA4 #A698A9 #AEA6AE

#5E6392 - #8E7FA0 - #AEA6AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6392 0%, #8E7FA0 50%, #AEA6AE 100%);
    background: -webkit-linear-gradient(top, #5E6392 0%, #8E7FA0 50%, #AEA6AE 100%);
    background: linear-gradient(to bottom, #5E6392 0%, #8E7FA0 50%, #AEA6AE 100%);
}
</style>