#5E63D2 - #94AEE8 | 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 #5E63D2 to #94AEE8

#5E63D2 #94AEE8

Calculate the color between two colors, #5E63D2 and #94AEE8. 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)

#5E63D2 - #94AEE8 | 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 #5E63D2 as 0% and #94AEE8 as 100%.

0.0%	0.0% #5E63D2	RGB 94 99 210	#5E63D2
16.7%	16.7% #676FD5	RGB 103 111 213	#676FD5
33.3%	33.3% #707CD9	RGB 112 124 217	#707CD9
50.0%	50.0% #7988DD	RGB 121 136 221	#7988DD
66.7%	66.7% #8295E0	RGB 130 149 224	#8295E0
83.3%	83.3% #8BA1E4	RGB 139 161 228	#8BA1E4
100.0%	100.0% #94AEE8	RGB 148 174 232	#94AEE8

#5E63D2 #676FD5 #707CD9 #7988DD #8295E0 #8BA1E4 #94AEE8

#5E63D2 - #94AEE8

HSV Blend

#5E63D2 - #94AEE8 | 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 #5E63D2 as 0% and #94AEE8 as 100%.

0.0%	0.0% #5E62D2	RGB 94 98 210	#5E62D2
16.7%	16.7% #6670D5	RGB 102 112 213	#6670D5
33.3%	33.3% #6F7DD9	RGB 111 125 217	#6F7DD9
50.0%	50.0% #7789DD	RGB 119 137 221	#7789DD
66.7%	66.7% #8196E0	RGB 129 150 224	#8196E0
83.3%	83.3% #8AA2E4	RGB 138 162 228	#8AA2E4
100.0%	100.0% #94AEE8	RGB 148 174 232	#94AEE8

#5E62D2 #6670D5 #6F7DD9 #7789DD #8196E0 #8AA2E4 #94AEE8

#5E63D2 - #7789DD - #94AEE8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E62D2 0%, #7789DD 50%, #94AEE8 100%);
    background: -webkit-linear-gradient(top, #5E62D2 0%, #7789DD 50%, #94AEE8 100%);
    background: linear-gradient(to bottom, #5E62D2 0%, #7789DD 50%, #94AEE8 100%);
}
</style>