#5E70FF - #D1D6FF | 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 #5E70FF to #D1D6FF

#5E70FF #D1D6FF

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

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

0.0%	0.0% #5E70FF	RGB 94 112 255	#5E70FF
16.7%	16.7% #7181FF	RGB 113 129 255	#7181FF
33.3%	33.3% #8492FF	RGB 132 146 255	#8492FF
50.0%	50.0% #97A3FF	RGB 151 163 255	#97A3FF
66.7%	66.7% #AAB4FF	RGB 170 180 255	#AAB4FF
83.3%	83.3% #BDC5FF	RGB 189 197 255	#BDC5FF
100.0%	100.0% #D1D6FF	RGB 209 214 255	#D1D6FF

#5E70FF #7181FF #8492FF #97A3FF #AAB4FF #BDC5FF #D1D6FF

#5E70FF - #D1D6FF

HSV Blend

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

0.0%	0.0% #5D6FFF	RGB 93 111 255	#5D6FFF
16.7%	16.7% #7180FF	RGB 113 128 255	#7180FF
33.3%	33.3% #8491FF	RGB 132 145 255	#8491FF
50.0%	50.0% #97A2FF	RGB 151 162 255	#97A2FF
66.7%	66.7% #AAB3FF	RGB 170 179 255	#AAB3FF
83.3%	83.3% #BDC4FF	RGB 189 196 255	#BDC4FF
100.0%	100.0% #D1D6FF	RGB 209 214 255	#D1D6FF

#5D6FFF #7180FF #8491FF #97A2FF #AAB3FF #BDC4FF #D1D6FF

#5E70FF - #97A2FF - #D1D6FF

CSS codes

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

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