#5E70EB - #D1D6F9 | 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 #5E70EB to #D1D6F9

#5E70EB #D1D6F9

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

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

0.0%	0.0% #5E70EB	RGB 94 112 235	#5E70EB
16.7%	16.7% #7181ED	RGB 113 129 237	#7181ED
33.3%	33.3% #8492EF	RGB 132 146 239	#8492EF
50.0%	50.0% #97A3F2	RGB 151 163 242	#97A3F2
66.7%	66.7% #AAB4F4	RGB 170 180 244	#AAB4F4
83.3%	83.3% #BDC5F6	RGB 189 197 246	#BDC5F6
100.0%	100.0% #D1D6F9	RGB 209 214 249	#D1D6F9

#5E70EB #7181ED #8492EF #97A3F2 #AAB4F4 #BDC5F6 #D1D6F9

#5E70EB - #D1D6F9

HSV Blend

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

0.0%	0.0% #5E6FEB	RGB 94 111 235	#5E6FEB
16.7%	16.7% #7080ED	RGB 112 128 237	#7080ED
33.3%	33.3% #8290EF	RGB 130 144 239	#8290EF
50.0%	50.0% #95A1F2	RGB 149 161 242	#95A1F2
66.7%	66.7% #A9B2F4	RGB 169 178 244	#A9B2F4
83.3%	83.3% #BCC4F6	RGB 188 196 246	#BCC4F6
100.0%	100.0% #D1D6F9	RGB 209 214 249	#D1D6F9

#5E6FEB #7080ED #8290EF #95A1F2 #A9B2F4 #BCC4F6 #D1D6F9

#5E70EB - #95A1F2 - #D1D6F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6FEB 0%, #95A1F2 50%, #D1D6F9 100%);
    background: -webkit-linear-gradient(top, #5E6FEB 0%, #95A1F2 50%, #D1D6F9 100%);
    background: linear-gradient(to bottom, #5E6FEB 0%, #95A1F2 50%, #D1D6F9 100%);
}
</style>