#0015EB - #1002A8 | 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 #0015EB to #1002A8

#0015EB #1002A8

Calculate the color between two colors, #0015EB and #1002A8. 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)

#0015EB - #1002A8 | 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 #0015EB as 0% and #1002A8 as 100%.

0.0%	0.0% #0015EB	RGB 0 21 235	#0015EB
16.7%	16.7% #0211DF	RGB 2 17 223	#0211DF
33.3%	33.3% #050ED4	RGB 5 14 212	#050ED4
50.0%	50.0% #080BC9	RGB 8 11 201	#080BC9
66.7%	66.7% #0A08BE	RGB 10 8 190	#0A08BE
83.3%	83.3% #0D05B3	RGB 13 5 179	#0D05B3
100.0%	100.0% #1002A8	RGB 16 2 168	#1002A8

#0015EB #0211DF #050ED4 #080BC9 #0A08BE #0D05B3 #1002A8

#0015EB - #1002A8

HSV Blend

#0015EB - #1002A8 | 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 #0015EB as 0% and #1002A8 as 100%.

0.0%	0.0% #0015EB	RGB 0 21 235	#0015EB
16.7%	16.7% #000DDF	RGB 0 13 223	#000DDF
33.3%	33.3% #0007D4	RGB 0 7 212	#0007D4
50.0%	50.0% #0101C9	RGB 1 1 201	#0101C9
66.7%	66.7% #0601BE	RGB 6 1 190	#0601BE
83.3%	83.3% #0B01B3	RGB 11 1 179	#0B01B3
100.0%	100.0% #1002A8	RGB 16 2 168	#1002A8

#0015EB #000DDF #0007D4 #0101C9 #0601BE #0B01B3 #1002A8

#0015EB - #0101C9 - #1002A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0015EB 0%, #0101C9 50%, #1002A8 100%);
    background: -webkit-linear-gradient(top, #0015EB 0%, #0101C9 50%, #1002A8 100%);
    background: linear-gradient(to bottom, #0015EB 0%, #0101C9 50%, #1002A8 100%);
}
</style>