#010CD5 - #B6B9F3 | 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 #010CD5 to #B6B9F3

#010CD5 #B6B9F3

Calculate the color between two colors, #010CD5 and #B6B9F3. 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)

#010CD5 - #B6B9F3 | 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 #010CD5 as 0% and #B6B9F3 as 100%.

0.0%	0.0% #010CD5	RGB 1 12 213	#010CD5
16.7%	16.7% #1F28DA	RGB 31 40 218	#1F28DA
33.3%	33.3% #3D45DF	RGB 61 69 223	#3D45DF
50.0%	50.0% #5B62E4	RGB 91 98 228	#5B62E4
66.7%	66.7% #797FE9	RGB 121 127 233	#797FE9
83.3%	83.3% #979CEE	RGB 151 156 238	#979CEE
100.0%	100.0% #B6B9F3	RGB 182 185 243	#B6B9F3

#010CD5 #1F28DA #3D45DF #5B62E4 #797FE9 #979CEE #B6B9F3

#010CD5 - #B6B9F3

HSV Blend

#010CD5 - #B6B9F3 | 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 #010CD5 as 0% and #B6B9F3 as 100%.

0.0%	0.0% #000BD5	RGB 0 11 213	#000BD5
16.7%	16.7% #1C25DA	RGB 28 37 218	#1C25DA
33.3%	33.3% #3840DF	RGB 56 64 223	#3840DF
50.0%	50.0% #555DE4	RGB 85 93 228	#555DE4
66.7%	66.7% #747AE9	RGB 116 122 233	#747AE9
83.3%	83.3% #9499EE	RGB 148 153 238	#9499EE
100.0%	100.0% #B6B9F3	RGB 182 185 243	#B6B9F3

#000BD5 #1C25DA #3840DF #555DE4 #747AE9 #9499EE #B6B9F3

#010CD5 - #555DE4 - #B6B9F3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000BD5 0%, #555DE4 50%, #B6B9F3 100%);
    background: -webkit-linear-gradient(top, #000BD5 0%, #555DE4 50%, #B6B9F3 100%);
    background: linear-gradient(to bottom, #000BD5 0%, #555DE4 50%, #B6B9F3 100%);
}
</style>