#1A1036 - #000803 | 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 #1A1036 to #000803

#1A1036 #000803

Calculate the color between two colors, #1A1036 and #000803. 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)

#1A1036 - #000803 | 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 #1A1036 as 0% and #000803 as 100%.

0.0%	0.0% #1A1036	RGB 26 16 54	#1A1036
16.7%	16.7% #150E2D	RGB 21 14 45	#150E2D
33.3%	33.3% #110D25	RGB 17 13 37	#110D25
50.0%	50.0% #0D0C1C	RGB 13 12 28	#0D0C1C
66.7%	66.7% #080A14	RGB 8 10 20	#080A14
83.3%	83.3% #04090B	RGB 4 9 11	#04090B
100.0%	100.0% #000803	RGB 0 8 3	#000803

#1A1036 #150E2D #110D25 #0D0C1C #080A14 #04090B #000803

#1A1036 - #000803

HSV Blend

#1A1036 - #000803 | 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 #1A1036 as 0% and #000803 as 100%.

0.0%	0.0% #1A1036	RGB 26 16 54	#1A1036
16.7%	16.7% #0B0D2E	RGB 11 13 46	#0B0D2E
33.3%	33.3% #071326	RGB 7 19 38	#071326
50.0%	50.0% #04161F	RGB 4 22 31	#04161F
66.7%	66.7% #021717	RGB 2 23 23	#021717
83.3%	83.3% #000F0B	RGB 0 15 11	#000F0B
100.0%	100.0% #000803	RGB 0 8 3	#000803

#1A1036 #0B0D2E #071326 #04161F #021717 #000F0B #000803

#1A1036 - #04161F - #000803

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1036 0%, #04161F 50%, #000803 100%);
    background: -webkit-linear-gradient(top, #1A1036 0%, #04161F 50%, #000803 100%);
    background: linear-gradient(to bottom, #1A1036 0%, #04161F 50%, #000803 100%);
}
</style>