#5E839C - #8D8DF6 | 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 #5E839C to #8D8DF6

#5E839C #8D8DF6

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

#5E839C - #8D8DF6 | 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 #5E839C as 0% and #8D8DF6 as 100%.

0.0%	0.0% #5E839C	RGB 94 131 156	#5E839C
16.7%	16.7% #6584AB	RGB 101 132 171	#6584AB
33.3%	33.3% #6D86BA	RGB 109 134 186	#6D86BA
50.0%	50.0% #7588C9	RGB 117 136 201	#7588C9
66.7%	66.7% #7D89D8	RGB 125 137 216	#7D89D8
83.3%	83.3% #858BE7	RGB 133 139 231	#858BE7
100.0%	100.0% #8D8DF6	RGB 141 141 246	#8D8DF6

#5E839C #6584AB #6D86BA #7588C9 #7D89D8 #858BE7 #8D8DF6

#5E839C - #8D8DF6

HSV Blend

#5E839C - #8D8DF6 | 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 #5E839C as 0% and #8D8DF6 as 100%.

0.0%	0.0% #5E839C	RGB 94 131 156	#5E839C
16.7%	16.7% #6688AB	RGB 102 136 171	#6688AB
33.3%	33.3% #6E8CBA	RGB 110 140 186	#6E8CBA
50.0%	50.0% #768EC9	RGB 118 142 201	#768EC9
66.7%	66.7% #7D8FD8	RGB 125 143 216	#7D8FD8
83.3%	83.3% #858FE7	RGB 133 143 231	#858FE7
100.0%	100.0% #8D8DF6	RGB 141 141 246	#8D8DF6

#5E839C #6688AB #6E8CBA #768EC9 #7D8FD8 #858FE7 #8D8DF6

#5E839C - #768EC9 - #8D8DF6

CSS codes

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

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