#1C5E4D - #071822 | 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 #1C5E4D to #071822

#1C5E4D #071822

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

#1C5E4D - #071822 | 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 #1C5E4D as 0% and #071822 as 100%.

0.0%	0.0% #1C5E4D	RGB 28 94 77	#1C5E4D
16.7%	16.7% #185245	RGB 24 82 69	#185245
33.3%	33.3% #15463E	RGB 21 70 62	#15463E
50.0%	50.0% #113B37	RGB 17 59 55	#113B37
66.7%	66.7% #0E2F30	RGB 14 47 48	#0E2F30
83.3%	83.3% #0A2329	RGB 10 35 41	#0A2329
100.0%	100.0% #071822	RGB 7 24 34	#071822

#1C5E4D #185245 #15463E #113B37 #0E2F30 #0A2329 #071822

#1C5E4D - #071822

HSV Blend

#1C5E4D - #071822 | 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 #1C5E4D as 0% and #071822 as 100%.

0.0%	0.0% #1C5E4D	RGB 28 94 77	#1C5E4D
16.7%	16.7% #17544A	RGB 23 84 74	#17544A
33.3%	33.3% #134A47	RGB 19 74 71	#134A47
50.0%	50.0% #103D40	RGB 16 61 64	#103D40
66.7%	66.7% #0C2F36	RGB 12 47 54	#0C2F36
83.3%	83.3% #09222C	RGB 9 34 44	#09222C
100.0%	100.0% #071822	RGB 7 24 34	#071822

#1C5E4D #17544A #134A47 #103D40 #0C2F36 #09222C #071822

#1C5E4D - #103D40 - #071822

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5E4D 0%, #103D40 50%, #071822 100%);
    background: -webkit-linear-gradient(top, #1C5E4D 0%, #103D40 50%, #071822 100%);
    background: linear-gradient(to bottom, #1C5E4D 0%, #103D40 50%, #071822 100%);
}
</style>