#5E6A6F - #E17AF7 | 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 #5E6A6F to #E17AF7

#5E6A6F #E17AF7

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

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

0.0%	0.0% #5E6A6F	RGB 94 106 111	#5E6A6F
16.7%	16.7% #736C85	RGB 115 108 133	#736C85
33.3%	33.3% #896F9C	RGB 137 111 156	#896F9C
50.0%	50.0% #9F72B3	RGB 159 114 179	#9F72B3
66.7%	66.7% #B574C9	RGB 181 116 201	#B574C9
83.3%	83.3% #CB77E0	RGB 203 119 224	#CB77E0
100.0%	100.0% #E17AF7	RGB 225 122 247	#E17AF7

#5E6A6F #736C85 #896F9C #9F72B3 #B574C9 #CB77E0 #E17AF7

#5E6A6F - #E17AF7

HSV Blend

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

0.0%	0.0% #5E6A6F	RGB 94 106 111	#5E6A6F
16.7%	16.7% #697685	RGB 105 118 133	#697685
33.3%	33.3% #717A9C	RGB 113 122 156	#717A9C
50.0%	50.0% #7B77B3	RGB 123 119 179	#7B77B3
66.7%	66.7% #937BC9	RGB 147 123 201	#937BC9
83.3%	83.3% #B57BE0	RGB 181 123 224	#B57BE0
100.0%	100.0% #E17AF7	RGB 225 122 247	#E17AF7

#5E6A6F #697685 #717A9C #7B77B3 #937BC9 #B57BE0 #E17AF7

#5E6A6F - #7B77B3 - #E17AF7

CSS codes

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

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