#5E64DB - #85FAFF | 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 #5E64DB to #85FAFF

#5E64DB #85FAFF

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

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

0.0%	0.0% #5E64DB	RGB 94 100 219	#5E64DB
16.7%	16.7% #647DE1	RGB 100 125 225	#647DE1
33.3%	33.3% #6B96E7	RGB 107 150 231	#6B96E7
50.0%	50.0% #71AFED	RGB 113 175 237	#71AFED
66.7%	66.7% #78C8F3	RGB 120 200 243	#78C8F3
83.3%	83.3% #7EE1F9	RGB 126 225 249	#7EE1F9
100.0%	100.0% #85FAFF	RGB 133 250 255	#85FAFF

#5E64DB #647DE1 #6B96E7 #71AFED #78C8F3 #7EE1F9 #85FAFF

#5E64DB - #85FAFF

HSV Blend

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

0.0%	0.0% #5E64DB	RGB 94 100 219	#5E64DB
16.7%	16.7% #647DE1	RGB 100 125 225	#647DE1
33.3%	33.3% #6A96E7	RGB 106 150 231	#6A96E7
50.0%	50.0% #70AFED	RGB 112 175 237	#70AFED
66.7%	66.7% #77C8F3	RGB 119 200 243	#77C8F3
83.3%	83.3% #7EE1F9	RGB 126 225 249	#7EE1F9
100.0%	100.0% #85FAFF	RGB 133 250 255	#85FAFF

#5E64DB #647DE1 #6A96E7 #70AFED #77C8F3 #7EE1F9 #85FAFF

#5E64DB - #70AFED - #85FAFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E64DB 0%, #70AFED 50%, #85FAFF 100%);
    background: -webkit-linear-gradient(top, #5E64DB 0%, #70AFED 50%, #85FAFF 100%);
    background: linear-gradient(to bottom, #5E64DB 0%, #70AFED 50%, #85FAFF 100%);
}
</style>