#151D5E - #06071A | 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 #151D5E to #06071A

#151D5E #06071A

Calculate the color between two colors, #151D5E and #06071A. 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)

#151D5E - #06071A | 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 #151D5E as 0% and #06071A as 100%.

0.0%	0.0% #151D5E	RGB 21 29 94	#151D5E
16.7%	16.7% #121952	RGB 18 25 82	#121952
33.3%	33.3% #101547	RGB 16 21 71	#101547
50.0%	50.0% #0D123C	RGB 13 18 60	#0D123C
66.7%	66.7% #0B0E30	RGB 11 14 48	#0B0E30
83.3%	83.3% #080A25	RGB 8 10 37	#080A25
100.0%	100.0% #06071A	RGB 6 7 26	#06071A

#151D5E #121952 #101547 #0D123C #0B0E30 #080A25 #06071A

#151D5E - #06071A

HSV Blend

#151D5E - #06071A | 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 #151D5E as 0% and #06071A as 100%.

0.0%	0.0% #141D5E	RGB 20 29 94	#141D5E
16.7%	16.7% #121852	RGB 18 24 82	#121852
33.3%	33.3% #101547	RGB 16 21 71	#101547
50.0%	50.0% #0D113C	RGB 13 17 60	#0D113C
66.7%	66.7% #0B0D30	RGB 11 13 48	#0B0D30
83.3%	83.3% #080A25	RGB 8 10 37	#080A25
100.0%	100.0% #06071A	RGB 6 7 26	#06071A

#141D5E #121852 #101547 #0D113C #0B0D30 #080A25 #06071A

#151D5E - #0D113C - #06071A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #141D5E 0%, #0D113C 50%, #06071A 100%);
    background: -webkit-linear-gradient(top, #141D5E 0%, #0D113C 50%, #06071A 100%);
    background: linear-gradient(to bottom, #141D5E 0%, #0D113C 50%, #06071A 100%);
}
</style>