#5E64C9 - #98ADE0 | 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 #5E64C9 to #98ADE0

#5E64C9 #98ADE0

Calculate the color between two colors, #5E64C9 and #98ADE0. 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)

#5E64C9 - #98ADE0 | 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 #5E64C9 as 0% and #98ADE0 as 100%.

0.0%	0.0% #5E64C9	RGB 94 100 201	#5E64C9
16.7%	16.7% #6770CC	RGB 103 112 204	#6770CC
33.3%	33.3% #717CD0	RGB 113 124 208	#717CD0
50.0%	50.0% #7B88D4	RGB 123 136 212	#7B88D4
66.7%	66.7% #8494D8	RGB 132 148 216	#8494D8
83.3%	83.3% #8EA0DC	RGB 142 160 220	#8EA0DC
100.0%	100.0% #98ADE0	RGB 152 173 224	#98ADE0

#5E64C9 #6770CC #717CD0 #7B88D4 #8494D8 #8EA0DC #98ADE0

#5E64C9 - #98ADE0

HSV Blend

#5E64C9 - #98ADE0 | 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 #5E64C9 as 0% and #98ADE0 as 100%.

0.0%	0.0% #5E64C9	RGB 94 100 201	#5E64C9
16.7%	16.7% #6670CC	RGB 102 112 204	#6670CC
33.3%	33.3% #707DD0	RGB 112 125 208	#707DD0
50.0%	50.0% #7989D4	RGB 121 137 212	#7989D4
66.7%	66.7% #8395D8	RGB 131 149 216	#8395D8
83.3%	83.3% #8DA1DC	RGB 141 161 220	#8DA1DC
100.0%	100.0% #98ADE0	RGB 152 173 224	#98ADE0

#5E64C9 #6670CC #707DD0 #7989D4 #8395D8 #8DA1DC #98ADE0

#5E64C9 - #7989D4 - #98ADE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E64C9 0%, #7989D4 50%, #98ADE0 100%);
    background: -webkit-linear-gradient(top, #5E64C9 0%, #7989D4 50%, #98ADE0 100%);
    background: linear-gradient(to bottom, #5E64C9 0%, #7989D4 50%, #98ADE0 100%);
}
</style>