#5E62E7 - #D1D2F8 | 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 #5E62E7 to #D1D2F8

#5E62E7 #D1D2F8

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

#5E62E7 - #D1D2F8 | 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 #5E62E7 as 0% and #D1D2F8 as 100%.

0.0%	0.0% #5E62E7	RGB 94 98 231	#5E62E7
16.7%	16.7% #7174E9	RGB 113 116 233	#7174E9
33.3%	33.3% #8487EC	RGB 132 135 236	#8487EC
50.0%	50.0% #979AEF	RGB 151 154 239	#979AEF
66.7%	66.7% #AAACF2	RGB 170 172 242	#AAACF2
83.3%	83.3% #BDBFF5	RGB 189 191 245	#BDBFF5
100.0%	100.0% #D1D2F8	RGB 209 210 248	#D1D2F8

#5E62E7 #7174E9 #8487EC #979AEF #AAACF2 #BDBFF5 #D1D2F8

#5E62E7 - #D1D2F8

HSV Blend

#5E62E7 - #D1D2F8 | 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 #5E62E7 as 0% and #D1D2F8 as 100%.

0.0%	0.0% #5E61E7	RGB 94 97 231	#5E61E7
16.7%	16.7% #7073E9	RGB 112 115 233	#7073E9
33.3%	33.3% #8285EC	RGB 130 133 236	#8285EC
50.0%	50.0% #9598EF	RGB 149 152 239	#9598EF
66.7%	66.7% #A9AAF2	RGB 169 170 242	#A9AAF2
83.3%	83.3% #BCBEF5	RGB 188 190 245	#BCBEF5
100.0%	100.0% #D1D2F8	RGB 209 210 248	#D1D2F8

#5E61E7 #7073E9 #8285EC #9598EF #A9AAF2 #BCBEF5 #D1D2F8

#5E62E7 - #9598EF - #D1D2F8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E61E7 0%, #9598EF 50%, #D1D2F8 100%);
    background: -webkit-linear-gradient(top, #5E61E7 0%, #9598EF 50%, #D1D2F8 100%);
    background: linear-gradient(to bottom, #5E61E7 0%, #9598EF 50%, #D1D2F8 100%);
}
</style>