#5E62D6 - #91ADEC | 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 #5E62D6 to #91ADEC

#5E62D6 #91ADEC

Calculate the color between two colors, #5E62D6 and #91ADEC. 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)

#5E62D6 - #91ADEC | 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 #5E62D6 as 0% and #91ADEC as 100%.

0.0%	0.0% #5E62D6	RGB 94 98 214	#5E62D6
16.7%	16.7% #666ED9	RGB 102 110 217	#666ED9
33.3%	33.3% #6F7BDD	RGB 111 123 221	#6F7BDD
50.0%	50.0% #7787E1	RGB 119 135 225	#7787E1
66.7%	66.7% #8094E4	RGB 128 148 228	#8094E4
83.3%	83.3% #88A0E8	RGB 136 160 232	#88A0E8
100.0%	100.0% #91ADEC	RGB 145 173 236	#91ADEC

#5E62D6 #666ED9 #6F7BDD #7787E1 #8094E4 #88A0E8 #91ADEC

#5E62D6 - #91ADEC

HSV Blend

#5E62D6 - #91ADEC | 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 #5E62D6 as 0% and #91ADEC as 100%.

0.0%	0.0% #5E62D6	RGB 94 98 214	#5E62D6
16.7%	16.7% #656FD9	RGB 101 111 217	#656FD9
33.3%	33.3% #6E7CDD	RGB 110 124 221	#6E7CDD
50.0%	50.0% #7688E1	RGB 118 136 225	#7688E1
66.7%	66.7% #7F95E4	RGB 127 149 228	#7F95E4
83.3%	83.3% #87A1E8	RGB 135 161 232	#87A1E8
100.0%	100.0% #91ADEC	RGB 145 173 236	#91ADEC

#5E62D6 #656FD9 #6E7CDD #7688E1 #7F95E4 #87A1E8 #91ADEC

#5E62D6 - #7688E1 - #91ADEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E62D6 0%, #7688E1 50%, #91ADEC 100%);
    background: -webkit-linear-gradient(top, #5E62D6 0%, #7688E1 50%, #91ADEC 100%);
    background: linear-gradient(to bottom, #5E62D6 0%, #7688E1 50%, #91ADEC 100%);
}
</style>