#010CD5 - #00033C | 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 #00033C

#010CD5 #00033C

Calculate the color between two colors, #010CD5 and #00033C. 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 - #00033C | 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 #00033C as 100%.

0.0%	0.0% #010CD5	RGB 1 12 213	#010CD5
16.7%	16.7% #000ABB	RGB 0 10 187	#000ABB
33.3%	33.3% #0009A2	RGB 0 9 162	#0009A2
50.0%	50.0% #000788	RGB 0 7 136	#000788
66.7%	66.7% #00066F	RGB 0 6 111	#00066F
83.3%	83.3% #000455	RGB 0 4 85	#000455
100.0%	100.0% #00033C	RGB 0 3 60	#00033C

#010CD5 #000ABB #0009A2 #000788 #00066F #000455 #00033C

#010CD5 - #00033C

HSV Blend

#010CD5 - #00033C | 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 #00033C as 100%.

0.0%	0.0% #000BD5	RGB 0 11 213	#000BD5
16.7%	16.7% #000ABB	RGB 0 10 187	#000ABB
33.3%	33.3% #0008A2	RGB 0 8 162	#0008A2
50.0%	50.0% #000788	RGB 0 7 136	#000788
66.7%	66.7% #00056F	RGB 0 5 111	#00056F
83.3%	83.3% #000455	RGB 0 4 85	#000455
100.0%	100.0% #00033C	RGB 0 3 60	#00033C

#000BD5 #000ABB #0008A2 #000788 #00056F #000455 #00033C

#010CD5 - #000788 - #00033C

CSS codes

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

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