#0B0224 - #3A2D5E | 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 #0B0224 to #3A2D5E

#0B0224 #3A2D5E

Calculate the color between two colors, #0B0224 and #3A2D5E. 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)

#0B0224 - #3A2D5E | 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 #0B0224 as 0% and #3A2D5E as 100%.

0.0%	0.0% #0B0224	RGB 11 2 36	#0B0224
16.7%	16.7% #12092D	RGB 18 9 45	#12092D
33.3%	33.3% #1A1037	RGB 26 16 55	#1A1037
50.0%	50.0% #221741	RGB 34 23 65	#221741
66.7%	66.7% #2A1E4A	RGB 42 30 74	#2A1E4A
83.3%	83.3% #322554	RGB 50 37 84	#322554
100.0%	100.0% #3A2D5E	RGB 58 45 94	#3A2D5E

#0B0224 #12092D #1A1037 #221741 #2A1E4A #322554 #3A2D5E

#0B0224 - #3A2D5E

HSV Blend

#0B0224 - #3A2D5E | 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 #0B0224 as 0% and #3A2D5E as 100%.

0.0%	0.0% #0B0224	RGB 11 2 36	#0B0224
16.7%	16.7% #10052D	RGB 16 5 45	#10052D
33.3%	33.3% #160A37	RGB 22 10 55	#160A37
50.0%	50.0% #1D1141	RGB 29 17 65	#1D1141
66.7%	66.7% #26194A	RGB 38 25 74	#26194A
83.3%	83.3% #2F2254	RGB 47 34 84	#2F2254
100.0%	100.0% #3A2D5E	RGB 58 45 94	#3A2D5E

#0B0224 #10052D #160A37 #1D1141 #26194A #2F2254 #3A2D5E

#0B0224 - #1D1141 - #3A2D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0B0224 0%, #1D1141 50%, #3A2D5E 100%);
    background: -webkit-linear-gradient(top, #0B0224 0%, #1D1141 50%, #3A2D5E 100%);
    background: linear-gradient(to bottom, #0B0224 0%, #1D1141 50%, #3A2D5E 100%);
}
</style>