#361B5E - #0F071A | 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 #361B5E to #0F071A

#361B5E #0F071A

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

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

0.0%	0.0% #361B5E	RGB 54 27 94	#361B5E
16.7%	16.7% #2F1752	RGB 47 23 82	#2F1752
33.3%	33.3% #291447	RGB 41 20 71	#291447
50.0%	50.0% #22113C	RGB 34 17 60	#22113C
66.7%	66.7% #1C0D30	RGB 28 13 48	#1C0D30
83.3%	83.3% #150A25	RGB 21 10 37	#150A25
100.0%	100.0% #0F071A	RGB 15 7 26	#0F071A

#361B5E #2F1752 #291447 #22113C #1C0D30 #150A25 #0F071A

#361B5E - #0F071A

HSV Blend

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

0.0%	0.0% #361B5E	RGB 54 27 94	#361B5E
16.7%	16.7% #2F1752	RGB 47 23 82	#2F1752
33.3%	33.3% #291447	RGB 41 20 71	#291447
50.0%	50.0% #22103C	RGB 34 16 60	#22103C
66.7%	66.7% #1C0D30	RGB 28 13 48	#1C0D30
83.3%	83.3% #150A25	RGB 21 10 37	#150A25
100.0%	100.0% #0F071A	RGB 15 7 26	#0F071A

#361B5E #2F1752 #291447 #22103C #1C0D30 #150A25 #0F071A

#361B5E - #22103C - #0F071A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #361B5E 0%, #22103C 50%, #0F071A 100%);
    background: -webkit-linear-gradient(top, #361B5E 0%, #22103C 50%, #0F071A 100%);
    background: linear-gradient(to bottom, #361B5E 0%, #22103C 50%, #0F071A 100%);
}
</style>