#5E5E79 - #AC85E7 | 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 #5E5E79 to #AC85E7

#5E5E79 #AC85E7

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

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

0.0%	0.0% #5E5E79	RGB 94 94 121	#5E5E79
16.7%	16.7% #6B648B	RGB 107 100 139	#6B648B
33.3%	33.3% #786B9D	RGB 120 107 157	#786B9D
50.0%	50.0% #8571B0	RGB 133 113 176	#8571B0
66.7%	66.7% #9278C2	RGB 146 120 194	#9278C2
83.3%	83.3% #9F7ED4	RGB 159 126 212	#9F7ED4
100.0%	100.0% #AC85E7	RGB 172 133 231	#AC85E7

#5E5E79 #6B648B #786B9D #8571B0 #9278C2 #9F7ED4 #AC85E7

#5E5E79 - #AC85E7

HSV Blend

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

0.0%	0.0% #5E5E79	RGB 94 94 121	#5E5E79
16.7%	16.7% #69678B	RGB 105 103 139	#69678B
33.3%	33.3% #756F9D	RGB 117 111 157	#756F9D
50.0%	50.0% #8277B0	RGB 130 119 176	#8277B0
66.7%	66.7% #8F7CC2	RGB 143 124 194	#8F7CC2
83.3%	83.3% #9D81D4	RGB 157 129 212	#9D81D4
100.0%	100.0% #AC85E7	RGB 172 133 231	#AC85E7

#5E5E79 #69678B #756F9D #8277B0 #8F7CC2 #9D81D4 #AC85E7

#5E5E79 - #8277B0 - #AC85E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E79 0%, #8277B0 50%, #AC85E7 100%);
    background: -webkit-linear-gradient(top, #5E5E79 0%, #8277B0 50%, #AC85E7 100%);
    background: linear-gradient(to bottom, #5E5E79 0%, #8277B0 50%, #AC85E7 100%);
}
</style>