#5E6AE8 - #D1D4F8 | 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 #5E6AE8 to #D1D4F8

#5E6AE8 #D1D4F8

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

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

0.0%	0.0% #5E6AE8	RGB 94 106 232	#5E6AE8
16.7%	16.7% #717BEA	RGB 113 123 234	#717BEA
33.3%	33.3% #848DED	RGB 132 141 237	#848DED
50.0%	50.0% #979FF0	RGB 151 159 240	#979FF0
66.7%	66.7% #AAB0F2	RGB 170 176 242	#AAB0F2
83.3%	83.3% #BDC2F5	RGB 189 194 245	#BDC2F5
100.0%	100.0% #D1D4F8	RGB 209 212 248	#D1D4F8

#5E6AE8 #717BEA #848DED #979FF0 #AAB0F2 #BDC2F5 #D1D4F8

#5E6AE8 - #D1D4F8

HSV Blend

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

0.0%	0.0% #5E6AE8	RGB 94 106 232	#5E6AE8
16.7%	16.7% #707AEA	RGB 112 122 234	#707AEA
33.3%	33.3% #828BED	RGB 130 139 237	#828BED
50.0%	50.0% #959DF0	RGB 149 157 240	#959DF0
66.7%	66.7% #A9AFF2	RGB 169 175 242	#A9AFF2
83.3%	83.3% #BCC1F5	RGB 188 193 245	#BCC1F5
100.0%	100.0% #D1D4F8	RGB 209 212 248	#D1D4F8

#5E6AE8 #707AEA #828BED #959DF0 #A9AFF2 #BCC1F5 #D1D4F8

#5E6AE8 - #959DF0 - #D1D4F8

CSS codes

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

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