#5E91FF - #D1DFFF | 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 #5E91FF to #D1DFFF

#5E91FF #D1DFFF

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

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

0.0%	0.0% #5E91FF	RGB 94 145 255	#5E91FF
16.7%	16.7% #719EFF	RGB 113 158 255	#719EFF
33.3%	33.3% #84ABFF	RGB 132 171 255	#84ABFF
50.0%	50.0% #97B8FF	RGB 151 184 255	#97B8FF
66.7%	66.7% #AAC5FF	RGB 170 197 255	#AAC5FF
83.3%	83.3% #BDD2FF	RGB 189 210 255	#BDD2FF
100.0%	100.0% #D1DFFF	RGB 209 223 255	#D1DFFF

#5E91FF #719EFF #84ABFF #97B8FF #AAC5FF #BDD2FF #D1DFFF

#5E91FF - #D1DFFF

HSV Blend

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

0.0%	0.0% #5D90FF	RGB 93 144 255	#5D90FF
16.7%	16.7% #719DFF	RGB 113 157 255	#719DFF
33.3%	33.3% #84AAFF	RGB 132 170 255	#84AAFF
50.0%	50.0% #97B7FF	RGB 151 183 255	#97B7FF
66.7%	66.7% #AAC4FF	RGB 170 196 255	#AAC4FF
83.3%	83.3% #BDD1FF	RGB 189 209 255	#BDD1FF
100.0%	100.0% #D1DFFF	RGB 209 223 255	#D1DFFF

#5D90FF #719DFF #84AAFF #97B7FF #AAC4FF #BDD1FF #D1DFFF

#5E91FF - #97B7FF - #D1DFFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D90FF 0%, #97B7FF 50%, #D1DFFF 100%);
    background: -webkit-linear-gradient(top, #5D90FF 0%, #97B7FF 50%, #D1DFFF 100%);
    background: linear-gradient(to bottom, #5D90FF 0%, #97B7FF 50%, #D1DFFF 100%);
}
</style>