#5E67EA - #8AB4FC | 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 #5E67EA to #8AB4FC

#5E67EA #8AB4FC

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

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

0.0%	0.0% #5E67EA	RGB 94 103 234	#5E67EA
16.7%	16.7% #6573ED	RGB 101 115 237	#6573ED
33.3%	33.3% #6C80F0	RGB 108 128 240	#6C80F0
50.0%	50.0% #748DF3	RGB 116 141 243	#748DF3
66.7%	66.7% #7B9AF6	RGB 123 154 246	#7B9AF6
83.3%	83.3% #82A7F9	RGB 130 167 249	#82A7F9
100.0%	100.0% #8AB4FC	RGB 138 180 252	#8AB4FC

#5E67EA #6573ED #6C80F0 #748DF3 #7B9AF6 #82A7F9 #8AB4FC

#5E67EA - #8AB4FC

HSV Blend

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

0.0%	0.0% #5E66EA	RGB 94 102 234	#5E66EA
16.7%	16.7% #6474ED	RGB 100 116 237	#6474ED
33.3%	33.3% #6C81F0	RGB 108 129 240	#6C81F0
50.0%	50.0% #738EF3	RGB 115 142 243	#738EF3
66.7%	66.7% #7A9BF6	RGB 122 155 246	#7A9BF6
83.3%	83.3% #82A8F9	RGB 130 168 249	#82A8F9
100.0%	100.0% #8AB4FC	RGB 138 180 252	#8AB4FC

#5E66EA #6474ED #6C81F0 #738EF3 #7A9BF6 #82A8F9 #8AB4FC

#5E67EA - #738EF3 - #8AB4FC

CSS codes

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

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