#5E7483 - #AE9FA8 | 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 #5E7483 to #AE9FA8

#5E7483 #AE9FA8

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

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

0.0%	0.0% #5E7483	RGB 94 116 131	#5E7483
16.7%	16.7% #6B7B89	RGB 107 123 137	#6B7B89
33.3%	33.3% #78828F	RGB 120 130 143	#78828F
50.0%	50.0% #868995	RGB 134 137 149	#868995
66.7%	66.7% #93909B	RGB 147 144 155	#93909B
83.3%	83.3% #A097A1	RGB 160 151 161	#A097A1
100.0%	100.0% #AE9FA8	RGB 174 159 168	#AE9FA8

#5E7483 #6B7B89 #78828F #868995 #93909B #A097A1 #AE9FA8

#5E7483 - #AE9FA8

HSV Blend

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

0.0%	0.0% #5E7483	RGB 94 116 131	#5E7483
16.7%	16.7% #67708A	RGB 103 112 138	#67708A
33.3%	33.3% #747191	RGB 116 113 145	#747191
50.0%	50.0% #877C98	RGB 135 124 152	#877C98
66.7%	66.7% #99879F	RGB 153 135 159	#99879F
83.3%	83.3% #A692A5	RGB 166 146 165	#A692A5
100.0%	100.0% #AE9FA8	RGB 174 159 168	#AE9FA8

#5E7483 #67708A #747191 #877C98 #99879F #A692A5 #AE9FA8

#5E7483 - #877C98 - #AE9FA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7483 0%, #877C98 50%, #AE9FA8 100%);
    background: -webkit-linear-gradient(top, #5E7483 0%, #877C98 50%, #AE9FA8 100%);
    background: linear-gradient(to bottom, #5E7483 0%, #877C98 50%, #AE9FA8 100%);
}
</style>