#5E5ED6 - #8FAAEE | 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 #5E5ED6 to #8FAAEE

#5E5ED6 #8FAAEE

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

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

0.0%	0.0% #5E5ED6	RGB 94 94 214	#5E5ED6
16.7%	16.7% #666ADA	RGB 102 106 218	#666ADA
33.3%	33.3% #6E77DE	RGB 110 119 222	#6E77DE
50.0%	50.0% #7684E2	RGB 118 132 226	#7684E2
66.7%	66.7% #7E90E6	RGB 126 144 230	#7E90E6
83.3%	83.3% #869DEA	RGB 134 157 234	#869DEA
100.0%	100.0% #8FAAEE	RGB 143 170 238	#8FAAEE

#5E5ED6 #666ADA #6E77DE #7684E2 #7E90E6 #869DEA #8FAAEE

#5E5ED6 - #8FAAEE

HSV Blend

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

0.0%	0.0% #5E5ED6	RGB 94 94 214	#5E5ED6
16.7%	16.7% #656BDA	RGB 101 107 218	#656BDA
33.3%	33.3% #6D78DE	RGB 109 120 222	#6D78DE
50.0%	50.0% #7584E2	RGB 117 132 226	#7584E2
66.7%	66.7% #7D91E6	RGB 125 145 230	#7D91E6
83.3%	83.3% #869DEA	RGB 134 157 234	#869DEA
100.0%	100.0% #8FAAEE	RGB 143 170 238	#8FAAEE

#5E5ED6 #656BDA #6D78DE #7584E2 #7D91E6 #869DEA #8FAAEE

#5E5ED6 - #7584E2 - #8FAAEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5ED6 0%, #7584E2 50%, #8FAAEE 100%);
    background: -webkit-linear-gradient(top, #5E5ED6 0%, #7584E2 50%, #8FAAEE 100%);
    background: linear-gradient(to bottom, #5E5ED6 0%, #7584E2 50%, #8FAAEE 100%);
}
</style>