#103654 - #13110E | 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 #103654 to #13110E

#103654 #13110E

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

#103654 - #13110E | 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 #103654 as 0% and #13110E as 100%.

0.0%	0.0% #103654	RGB 16 54 84	#103654
16.7%	16.7% #102F48	RGB 16 47 72	#102F48
33.3%	33.3% #11293C	RGB 17 41 60	#11293C
50.0%	50.0% #112331	RGB 17 35 49	#112331
66.7%	66.7% #121D25	RGB 18 29 37	#121D25
83.3%	83.3% #121719	RGB 18 23 25	#121719
100.0%	100.0% #13110E	RGB 19 17 14	#13110E

#103654 #102F48 #11293C #112331 #121D25 #121719 #13110E

#103654 - #13110E

HSV Blend

#103654 - #13110E | 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 #103654 as 0% and #13110E as 100%.

0.0%	0.0% #0F3554	RGB 15 53 84	#0F3554
16.7%	16.7% #144947	RGB 20 73 71	#144947
33.3%	33.3% #173E2A	RGB 23 62 42	#173E2A
50.0%	50.0% #173318	RGB 23 51 24	#173318
66.7%	66.7% #1E2816	RGB 30 40 22	#1E2816
83.3%	83.3% #1D1D13	RGB 29 29 19	#1D1D13
100.0%	100.0% #13110E	RGB 19 17 14	#13110E

#0F3554 #144947 #173E2A #173318 #1E2816 #1D1D13 #13110E

#103654 - #173318 - #13110E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F3554 0%, #173318 50%, #13110E 100%);
    background: -webkit-linear-gradient(top, #0F3554 0%, #173318 50%, #13110E 100%);
    background: linear-gradient(to bottom, #0F3554 0%, #173318 50%, #13110E 100%);
}
</style>