#5E73AD - #80FFE8 | 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 #5E73AD to #80FFE8

#5E73AD #80FFE8

Calculate the color between two colors, #5E73AD and #80FFE8. 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)

#5E73AD - #80FFE8 | 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 #5E73AD as 0% and #80FFE8 as 100%.

0.0%	0.0% #5E73AD	RGB 94 115 173	#5E73AD
16.7%	16.7% #638AB6	RGB 99 138 182	#638AB6
33.3%	33.3% #69A1C0	RGB 105 161 192	#69A1C0
50.0%	50.0% #6FB9CA	RGB 111 185 202	#6FB9CA
66.7%	66.7% #74D0D4	RGB 116 208 212	#74D0D4
83.3%	83.3% #7AE7DE	RGB 122 231 222	#7AE7DE
100.0%	100.0% #80FFE8	RGB 128 255 232	#80FFE8

#5E73AD #638AB6 #69A1C0 #6FB9CA #74D0D4 #7AE7DE #80FFE8

#5E73AD - #80FFE8

HSV Blend

#5E73AD - #80FFE8 | 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 #5E73AD as 0% and #80FFE8 as 100%.

0.0%	0.0% #5E73AD	RGB 94 115 173	#5E73AD
16.7%	16.7% #6488BA	RGB 100 136 186	#6488BA
33.3%	33.3% #6A9FC8	RGB 106 159 200	#6A9FC8
50.0%	50.0% #6FB9D6	RGB 111 185 214	#6FB9D6
66.7%	66.7% #75D5E3	RGB 117 213 227	#75D5E3
83.3%	83.3% #7AF1ED	RGB 122 241 237	#7AF1ED
100.0%	100.0% #80FFE8	RGB 128 255 232	#80FFE8

#5E73AD #6488BA #6A9FC8 #6FB9D6 #75D5E3 #7AF1ED #80FFE8

#5E73AD - #6FB9D6 - #80FFE8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E73AD 0%, #6FB9D6 50%, #80FFE8 100%);
    background: -webkit-linear-gradient(top, #5E73AD 0%, #6FB9D6 50%, #80FFE8 100%);
    background: linear-gradient(to bottom, #5E73AD 0%, #6FB9D6 50%, #80FFE8 100%);
}
</style>