#5E5EEA - #85ADFF | 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 #5E5EEA to #85ADFF

#5E5EEA #85ADFF

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

#5E5EEA - #85ADFF | 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 #5E5EEA as 0% and #85ADFF as 100%.

0.0%	0.0% #5E5EEA	RGB 94 94 234	#5E5EEA
16.7%	16.7% #646BED	RGB 100 107 237	#646BED
33.3%	33.3% #6B78F1	RGB 107 120 241	#6B78F1
50.0%	50.0% #7185F4	RGB 113 133 244	#7185F4
66.7%	66.7% #7892F8	RGB 120 146 248	#7892F8
83.3%	83.3% #7E9FFB	RGB 126 159 251	#7E9FFB
100.0%	100.0% #85ADFF	RGB 133 173 255	#85ADFF

#5E5EEA #646BED #6B78F1 #7185F4 #7892F8 #7E9FFB #85ADFF

#5E5EEA - #85ADFF

HSV Blend

#5E5EEA - #85ADFF | 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 #5E5EEA as 0% and #85ADFF as 100%.

0.0%	0.0% #5E5EEA	RGB 94 94 234	#5E5EEA
16.7%	16.7% #646BED	RGB 100 107 237	#646BED
33.3%	33.3% #6A79F1	RGB 106 121 241	#6A79F1
50.0%	50.0% #7086F4	RGB 112 134 244	#7086F4
66.7%	66.7% #7793F8	RGB 119 147 248	#7793F8
83.3%	83.3% #7EA0FB	RGB 126 160 251	#7EA0FB
100.0%	100.0% #85ADFF	RGB 133 173 255	#85ADFF

#5E5EEA #646BED #6A79F1 #7086F4 #7793F8 #7EA0FB #85ADFF

#5E5EEA - #7086F4 - #85ADFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EEA 0%, #7086F4 50%, #85ADFF 100%);
    background: -webkit-linear-gradient(top, #5E5EEA 0%, #7086F4 50%, #85ADFF 100%);
    background: linear-gradient(to bottom, #5E5EEA 0%, #7086F4 50%, #85ADFF 100%);
}
</style>