#010EEE - #B6BAFA | 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 #010EEE to #B6BAFA

#010EEE #B6BAFA

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

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

0.0%	0.0% #010EEE	RGB 1 14 238	#010EEE
16.7%	16.7% #1F2AF0	RGB 31 42 240	#1F2AF0
33.3%	33.3% #3D47F2	RGB 61 71 242	#3D47F2
50.0%	50.0% #5B64F4	RGB 91 100 244	#5B64F4
66.7%	66.7% #7980F6	RGB 121 128 246	#7980F6
83.3%	83.3% #979DF8	RGB 151 157 248	#979DF8
100.0%	100.0% #B6BAFA	RGB 182 186 250	#B6BAFA

#010EEE #1F2AF0 #3D47F2 #5B64F4 #7980F6 #979DF8 #B6BAFA

#010EEE - #B6BAFA

HSV Blend

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

0.0%	0.0% #010EEE	RGB 1 14 238	#010EEE
16.7%	16.7% #1D29F0	RGB 29 41 240	#1D29F0
33.3%	33.3% #3B45F2	RGB 59 69 242	#3B45F2
50.0%	50.0% #5962F4	RGB 89 98 244	#5962F4
66.7%	66.7% #777EF6	RGB 119 126 246	#777EF6
83.3%	83.3% #969CF8	RGB 150 156 248	#969CF8
100.0%	100.0% #B6BAFA	RGB 182 186 250	#B6BAFA

#010EEE #1D29F0 #3B45F2 #5962F4 #777EF6 #969CF8 #B6BAFA

#010EEE - #5962F4 - #B6BAFA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #010EEE 0%, #5962F4 50%, #B6BAFA 100%);
    background: -webkit-linear-gradient(top, #010EEE 0%, #5962F4 50%, #B6BAFA 100%);
    background: linear-gradient(to bottom, #010EEE 0%, #5962F4 50%, #B6BAFA 100%);
}
</style>