#022413 - #2D5E4E | 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 #022413 to #2D5E4E

#022413 #2D5E4E

Calculate the color between two colors, #022413 and #2D5E4E. 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)

#022413 - #2D5E4E | 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 #022413 as 0% and #2D5E4E as 100%.

0.0%	0.0% #022413	RGB 2 36 19	#022413
16.7%	16.7% #092D1C	RGB 9 45 28	#092D1C
33.3%	33.3% #103726	RGB 16 55 38	#103726
50.0%	50.0% #174130	RGB 23 65 48	#174130
66.7%	66.7% #1E4A3A	RGB 30 74 58	#1E4A3A
83.3%	83.3% #255444	RGB 37 84 68	#255444
100.0%	100.0% #2D5E4E	RGB 45 94 78	#2D5E4E

#022413 #092D1C #103726 #174130 #1E4A3A #255444 #2D5E4E

#022413 - #2D5E4E

HSV Blend

#022413 - #2D5E4E | 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 #022413 as 0% and #2D5E4E as 100%.

0.0%	0.0% #022412	RGB 2 36 18	#022412
16.7%	16.7% #052D1A	RGB 5 45 26	#052D1A
33.3%	33.3% #0A3723	RGB 10 55 35	#0A3723
50.0%	50.0% #11412D	RGB 17 65 45	#11412D
66.7%	66.7% #194A37	RGB 25 74 55	#194A37
83.3%	83.3% #225442	RGB 34 84 66	#225442
100.0%	100.0% #2D5E4E	RGB 45 94 78	#2D5E4E

#022412 #052D1A #0A3723 #11412D #194A37 #225442 #2D5E4E

#022413 - #11412D - #2D5E4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #022412 0%, #11412D 50%, #2D5E4E 100%);
    background: -webkit-linear-gradient(top, #022412 0%, #11412D 50%, #2D5E4E 100%);
    background: linear-gradient(to bottom, #022412 0%, #11412D 50%, #2D5E4E 100%);
}
</style>