#360B5E - #0F020D | 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 #360B5E to #0F020D

#360B5E #0F020D

Calculate the color between two colors, #360B5E and #0F020D. 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)

#360B5E - #0F020D | 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 #360B5E as 0% and #0F020D as 100%.

0.0%	0.0% #360B5E	RGB 54 11 94	#360B5E
16.7%	16.7% #2F0950	RGB 47 9 80	#2F0950
33.3%	33.3% #290843	RGB 41 8 67	#290843
50.0%	50.0% #220635	RGB 34 6 53	#220635
66.7%	66.7% #1C0528	RGB 28 5 40	#1C0528
83.3%	83.3% #15031A	RGB 21 3 26	#15031A
100.0%	100.0% #0F020D	RGB 15 2 13	#0F020D

#360B5E #2F0950 #290843 #220635 #1C0528 #15031A #0F020D

#360B5E - #0F020D

HSV Blend

#360B5E - #0F020D | 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 #360B5E as 0% and #0F020D as 100%.

0.0%	0.0% #360A5E	RGB 54 10 94	#360A5E
16.7%	16.7% #360950	RGB 54 9 80	#360950
33.3%	33.3% #330843	RGB 51 8 67	#330843
50.0%	50.0% #2E0636	RGB 46 6 54	#2E0636
66.7%	66.7% #270529	RGB 39 5 41	#270529
83.3%	83.3% #1C031A	RGB 28 3 26	#1C031A
100.0%	100.0% #0F020D	RGB 15 2 13	#0F020D

#360A5E #360950 #330843 #2E0636 #270529 #1C031A #0F020D

#360B5E - #2E0636 - #0F020D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #360A5E 0%, #2E0636 50%, #0F020D 100%);
    background: -webkit-linear-gradient(top, #360A5E 0%, #2E0636 50%, #0F020D 100%);
    background: linear-gradient(to bottom, #360A5E 0%, #2E0636 50%, #0F020D 100%);
}
</style>