#1A393C - #150A0E | 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 #1A393C to #150A0E

#1A393C #150A0E

Calculate the color between two colors, #1A393C and #150A0E. 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)

#1A393C - #150A0E | 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 #1A393C as 0% and #150A0E as 100%.

0.0%	0.0% #1A393C	RGB 26 57 60	#1A393C
16.7%	16.7% #193134	RGB 25 49 52	#193134
33.3%	33.3% #18292C	RGB 24 41 44	#18292C
50.0%	50.0% #172125	RGB 23 33 37	#172125
66.7%	66.7% #16191D	RGB 22 25 29	#16191D
83.3%	83.3% #151115	RGB 21 17 21	#151115
100.0%	100.0% #150A0E	RGB 21 10 14	#150A0E

#1A393C #193134 #18292C #172125 #16191D #151115 #150A0E

#1A393C - #150A0E

HSV Blend

#1A393C - #150A0E | 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 #1A393C as 0% and #150A0E as 100%.

0.0%	0.0% #1A393C	RGB 26 57 60	#1A393C
16.7%	16.7% #172635	RGB 23 38 53	#172635
33.3%	33.3% #15162F	RGB 21 22 47	#15162F
50.0%	50.0% #1A1228	RGB 26 18 40	#1A1228
66.7%	66.7% #1E0F22	RGB 30 15 34	#1E0F22
83.3%	83.3% #1B0C18	RGB 27 12 24	#1B0C18
100.0%	100.0% #150A0E	RGB 21 10 14	#150A0E

#1A393C #172635 #15162F #1A1228 #1E0F22 #1B0C18 #150A0E

#1A393C - #1A1228 - #150A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A393C 0%, #1A1228 50%, #150A0E 100%);
    background: -webkit-linear-gradient(top, #1A393C 0%, #1A1228 50%, #150A0E 100%);
    background: linear-gradient(to bottom, #1A393C 0%, #1A1228 50%, #150A0E 100%);
}
</style>