#5E89DB - #85FFDF | 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 #5E89DB to #85FFDF

#5E89DB #85FFDF

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

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

0.0%	0.0% #5E89DB	RGB 94 137 219	#5E89DB
16.7%	16.7% #649CDB	RGB 100 156 219	#649CDB
33.3%	33.3% #6BB0DC	RGB 107 176 220	#6BB0DC
50.0%	50.0% #71C4DD	RGB 113 196 221	#71C4DD
66.7%	66.7% #78D7DD	RGB 120 215 221	#78D7DD
83.3%	83.3% #7EEBDE	RGB 126 235 222	#7EEBDE
100.0%	100.0% #85FFDF	RGB 133 255 223	#85FFDF

#5E89DB #649CDB #6BB0DC #71C4DD #78D7DD #7EEBDE #85FFDF

#5E89DB - #85FFDF

HSV Blend

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

0.0%	0.0% #5E89DB	RGB 94 137 219	#5E89DB
16.7%	16.7% #64A2E1	RGB 100 162 225	#64A2E1
33.3%	33.3% #6ABBE7	RGB 106 187 231	#6ABBE7
50.0%	50.0% #70D4ED	RGB 112 212 237	#70D4ED
66.7%	66.7% #77EDF3	RGB 119 237 243	#77EDF3
83.3%	83.3% #7EF9EB	RGB 126 249 235	#7EF9EB
100.0%	100.0% #85FFDF	RGB 133 255 223	#85FFDF

#5E89DB #64A2E1 #6ABBE7 #70D4ED #77EDF3 #7EF9EB #85FFDF

#5E89DB - #70D4ED - #85FFDF

CSS codes

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

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