#5E66DF - #D1D3F5 | 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 #5E66DF to #D1D3F5

#5E66DF #D1D3F5

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

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

0.0%	0.0% #5E66DF	RGB 94 102 223	#5E66DF
16.7%	16.7% #7178E2	RGB 113 120 226	#7178E2
33.3%	33.3% #848AE6	RGB 132 138 230	#848AE6
50.0%	50.0% #979CEA	RGB 151 156 234	#979CEA
66.7%	66.7% #AAAEED	RGB 170 174 237	#AAAEED
83.3%	83.3% #BDC0F1	RGB 189 192 241	#BDC0F1
100.0%	100.0% #D1D3F5	RGB 209 211 245	#D1D3F5

#5E66DF #7178E2 #848AE6 #979CEA #AAAEED #BDC0F1 #D1D3F5

#5E66DF - #D1D3F5

HSV Blend

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

0.0%	0.0% #5E65DF	RGB 94 101 223	#5E65DF
16.7%	16.7% #6F76E2	RGB 111 118 226	#6F76E2
33.3%	33.3% #8288E6	RGB 130 136 230	#8288E6
50.0%	50.0% #959AEA	RGB 149 154 234	#959AEA
66.7%	66.7% #A8ACED	RGB 168 172 237	#A8ACED
83.3%	83.3% #BCBFF1	RGB 188 191 241	#BCBFF1
100.0%	100.0% #D1D3F5	RGB 209 211 245	#D1D3F5

#5E65DF #6F76E2 #8288E6 #959AEA #A8ACED #BCBFF1 #D1D3F5

#5E66DF - #959AEA - #D1D3F5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65DF 0%, #959AEA 50%, #D1D3F5 100%);
    background: -webkit-linear-gradient(top, #5E65DF 0%, #959AEA 50%, #D1D3F5 100%);
    background: linear-gradient(to bottom, #5E65DF 0%, #959AEA 50%, #D1D3F5 100%);
}
</style>