#5E62DB - #D1D1F4 | 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 #5E62DB to #D1D1F4

#5E62DB #D1D1F4

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

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

0.0%	0.0% #5E62DB	RGB 94 98 219	#5E62DB
16.7%	16.7% #7174DF	RGB 113 116 223	#7174DF
33.3%	33.3% #8487E3	RGB 132 135 227	#8487E3
50.0%	50.0% #9799E7	RGB 151 153 231	#9799E7
66.7%	66.7% #AAACEB	RGB 170 172 235	#AAACEB
83.3%	83.3% #BDBEEF	RGB 189 190 239	#BDBEEF
100.0%	100.0% #D1D1F4	RGB 209 209 244	#D1D1F4

#5E62DB #7174DF #8487E3 #9799E7 #AAACEB #BDBEEF #D1D1F4

#5E62DB - #D1D1F4

HSV Blend

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

0.0%	0.0% #5E62DB	RGB 94 98 219	#5E62DB
16.7%	16.7% #6F72DF	RGB 111 114 223	#6F72DF
33.3%	33.3% #8184E3	RGB 129 132 227	#8184E3
50.0%	50.0% #9496E7	RGB 148 150 231	#9496E7
66.7%	66.7% #A8A9EB	RGB 168 169 235	#A8A9EB
83.3%	83.3% #BCBCEF	RGB 188 188 239	#BCBCEF
100.0%	100.0% #D1D1F4	RGB 209 209 244	#D1D1F4

#5E62DB #6F72DF #8184E3 #9496E7 #A8A9EB #BCBCEF #D1D1F4

#5E62DB - #9496E7 - #D1D1F4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E62DB 0%, #9496E7 50%, #D1D1F4 100%);
    background: -webkit-linear-gradient(top, #5E62DB 0%, #9496E7 50%, #D1D1F4 100%);
    background: linear-gradient(to bottom, #5E62DB 0%, #9496E7 50%, #D1D1F4 100%);
}
</style>