#361F5E - #13043E | 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 #361F5E to #13043E

#361F5E #13043E

Calculate the color between two colors, #361F5E and #13043E. 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)

#361F5E - #13043E | 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 #361F5E as 0% and #13043E as 100%.

0.0%	0.0% #361F5E	RGB 54 31 94	#361F5E
16.7%	16.7% #301A58	RGB 48 26 88	#301A58
33.3%	33.3% #2A1653	RGB 42 22 83	#2A1653
50.0%	50.0% #24114E	RGB 36 17 78	#24114E
66.7%	66.7% #1E0D48	RGB 30 13 72	#1E0D48
83.3%	83.3% #180843	RGB 24 8 67	#180843
100.0%	100.0% #13043E	RGB 19 4 62	#13043E

#361F5E #301A58 #2A1653 #24114E #1E0D48 #180843 #13043E

#361F5E - #13043E

HSV Blend

#361F5E - #13043E | 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 #361F5E as 0% and #13043E as 100%.

0.0%	0.0% #361F5E	RGB 54 31 94	#361F5E
16.7%	16.7% #2F1958	RGB 47 25 88	#2F1958
33.3%	33.3% #281453	RGB 40 20 83	#281453
50.0%	50.0% #220F4E	RGB 34 15 78	#220F4E
66.7%	66.7% #1D0B48	RGB 29 11 72	#1D0B48
83.3%	83.3% #170743	RGB 23 7 67	#170743
100.0%	100.0% #13043E	RGB 19 4 62	#13043E

#361F5E #2F1958 #281453 #220F4E #1D0B48 #170743 #13043E

#361F5E - #220F4E - #13043E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #361F5E 0%, #220F4E 50%, #13043E 100%);
    background: -webkit-linear-gradient(top, #361F5E 0%, #220F4E 50%, #13043E 100%);
    background: linear-gradient(to bottom, #361F5E 0%, #220F4E 50%, #13043E 100%);
}
</style>