#5E7F83 - #AE9FAD | 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 #5E7F83 to #AE9FAD

#5E7F83 #AE9FAD

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

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

0.0%	0.0% #5E7F83	RGB 94 127 131	#5E7F83
16.7%	16.7% #6B848A	RGB 107 132 138	#6B848A
33.3%	33.3% #788991	RGB 120 137 145	#788991
50.0%	50.0% #868F98	RGB 134 143 152	#868F98
66.7%	66.7% #93949F	RGB 147 148 159	#93949F
83.3%	83.3% #A099A6	RGB 160 153 166	#A099A6
100.0%	100.0% #AE9FAD	RGB 174 159 173	#AE9FAD

#5E7F83 #6B848A #788991 #868F98 #93949F #A099A6 #AE9FAD

#5E7F83 - #AE9FAD

HSV Blend

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

0.0%	0.0% #5E7F83	RGB 94 127 131	#5E7F83
16.7%	16.7% #677B8A	RGB 103 123 138	#677B8A
33.3%	33.3% #717991	RGB 113 121 145	#717991
50.0%	50.0% #7E7C98	RGB 126 124 152	#7E7C98
66.7%	66.7% #91879F	RGB 145 135 159	#91879F
83.3%	83.3% #A192A6	RGB 161 146 166	#A192A6
100.0%	100.0% #AE9FAD	RGB 174 159 173	#AE9FAD

#5E7F83 #677B8A #717991 #7E7C98 #91879F #A192A6 #AE9FAD

#5E7F83 - #7E7C98 - #AE9FAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F83 0%, #7E7C98 50%, #AE9FAD 100%);
    background: -webkit-linear-gradient(top, #5E7F83 0%, #7E7C98 50%, #AE9FAD 100%);
    background: linear-gradient(to bottom, #5E7F83 0%, #7E7C98 50%, #AE9FAD 100%);
}
</style>