#5E65E8 - #8AB2FB | 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 #5E65E8 to #8AB2FB

#5E65E8 #8AB2FB

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

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

0.0%	0.0% #5E65E8	RGB 94 101 232	#5E65E8
16.7%	16.7% #6571EB	RGB 101 113 235	#6571EB
33.3%	33.3% #6C7EEE	RGB 108 126 238	#6C7EEE
50.0%	50.0% #748BF1	RGB 116 139 241	#748BF1
66.7%	66.7% #7B98F4	RGB 123 152 244	#7B98F4
83.3%	83.3% #82A5F7	RGB 130 165 247	#82A5F7
100.0%	100.0% #8AB2FB	RGB 138 178 251	#8AB2FB

#5E65E8 #6571EB #6C7EEE #748BF1 #7B98F4 #82A5F7 #8AB2FB

#5E65E8 - #8AB2FB

HSV Blend

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

0.0%	0.0% #5E65E8	RGB 94 101 232	#5E65E8
16.7%	16.7% #6472EB	RGB 100 114 235	#6472EB
33.3%	33.3% #6C7FEE	RGB 108 127 238	#6C7FEE
50.0%	50.0% #738CF1	RGB 115 140 241	#738CF1
66.7%	66.7% #7A99F4	RGB 122 153 244	#7A99F4
83.3%	83.3% #82A5F7	RGB 130 165 247	#82A5F7
100.0%	100.0% #8AB2FB	RGB 138 178 251	#8AB2FB

#5E65E8 #6472EB #6C7FEE #738CF1 #7A99F4 #82A5F7 #8AB2FB

#5E65E8 - #738CF1 - #8AB2FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65E8 0%, #738CF1 50%, #8AB2FB 100%);
    background: -webkit-linear-gradient(top, #5E65E8 0%, #738CF1 50%, #8AB2FB 100%);
    background: linear-gradient(to bottom, #5E65E8 0%, #738CF1 50%, #8AB2FB 100%);
}
</style>