#5E6CC9 - #D1D5EF | 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 #5E6CC9 to #D1D5EF

#5E6CC9 #D1D5EF

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

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

0.0%	0.0% #5E6CC9	RGB 94 108 201	#5E6CC9
16.7%	16.7% #717DCF	RGB 113 125 207	#717DCF
33.3%	33.3% #848FD5	RGB 132 143 213	#848FD5
50.0%	50.0% #97A0DC	RGB 151 160 220	#97A0DC
66.7%	66.7% #AAB2E2	RGB 170 178 226	#AAB2E2
83.3%	83.3% #BDC3E8	RGB 189 195 232	#BDC3E8
100.0%	100.0% #D1D5EF	RGB 209 213 239	#D1D5EF

#5E6CC9 #717DCF #848FD5 #97A0DC #AAB2E2 #BDC3E8 #D1D5EF

#5E6CC9 - #D1D5EF

HSV Blend

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

0.0%	0.0% #5E6CC9	RGB 94 108 201	#5E6CC9
16.7%	16.7% #6F7BCF	RGB 111 123 207	#6F7BCF
33.3%	33.3% #808CD5	RGB 128 140 213	#808CD5
50.0%	50.0% #939DDC	RGB 147 157 220	#939DDC
66.7%	66.7% #A7AFE2	RGB 167 175 226	#A7AFE2
83.3%	83.3% #BBC1E8	RGB 187 193 232	#BBC1E8
100.0%	100.0% #D1D5EF	RGB 209 213 239	#D1D5EF

#5E6CC9 #6F7BCF #808CD5 #939DDC #A7AFE2 #BBC1E8 #D1D5EF

#5E6CC9 - #939DDC - #D1D5EF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6CC9 0%, #939DDC 50%, #D1D5EF 100%);
    background: -webkit-linear-gradient(top, #5E6CC9 0%, #939DDC 50%, #D1D5EF 100%);
    background: linear-gradient(to bottom, #5E6CC9 0%, #939DDC 50%, #D1D5EF 100%);
}
</style>