#1E234B - #03120D | 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 #1E234B to #03120D

#1E234B #03120D

Calculate the color between two colors, #1E234B and #03120D. 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)

#1E234B - #03120D | 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 #1E234B as 0% and #03120D as 100%.

0.0%	0.0% #1E234B	RGB 30 35 75	#1E234B
16.7%	16.7% #192040	RGB 25 32 64	#192040
33.3%	33.3% #151D36	RGB 21 29 54	#151D36
50.0%	50.0% #101A2C	RGB 16 26 44	#101A2C
66.7%	66.7% #0C1721	RGB 12 23 33	#0C1721
83.3%	83.3% #071417	RGB 7 20 23	#071417
100.0%	100.0% #03120D	RGB 3 18 13	#03120D

#1E234B #192040 #151D36 #101A2C #0C1721 #071417 #03120D

#1E234B - #03120D

HSV Blend

#1E234B - #03120D | 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 #1E234B as 0% and #03120D as 100%.

0.0%	0.0% #1E224B	RGB 30 34 75	#1E224B
16.7%	16.7% #172441	RGB 23 36 65	#172441
33.3%	33.3% #122538	RGB 18 37 56	#122538
50.0%	50.0% #0D252E	RGB 13 37 46	#0D252E
66.7%	66.7% #092225	RGB 9 34 37	#092225
83.3%	83.3% #051B18	RGB 5 27 24	#051B18
100.0%	100.0% #03120D	RGB 3 18 13	#03120D

#1E224B #172441 #122538 #0D252E #092225 #051B18 #03120D

#1E234B - #0D252E - #03120D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E224B 0%, #0D252E 50%, #03120D 100%);
    background: -webkit-linear-gradient(top, #1E224B 0%, #0D252E 50%, #03120D 100%);
    background: linear-gradient(to bottom, #1E224B 0%, #0D252E 50%, #03120D 100%);
}
</style>