#1C5E4D - #02331F | 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 #02331F

#1C5E4D #02331F

Calculate the color between two colors, #1C5E4D and #02331F. 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 - #02331F | 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 #02331F as 100%.

0.0%	0.0% #1C5E4D	RGB 28 94 77	#1C5E4D
16.7%	16.7% #175645	RGB 23 86 69	#175645
33.3%	33.3% #134F3D	RGB 19 79 61	#134F3D
50.0%	50.0% #0F4836	RGB 15 72 54	#0F4836
66.7%	66.7% #0A412E	RGB 10 65 46	#0A412E
83.3%	83.3% #063A26	RGB 6 58 38	#063A26
100.0%	100.0% #02331F	RGB 2 51 31	#02331F

#1C5E4D #175645 #134F3D #0F4836 #0A412E #063A26 #02331F

#1C5E4D - #02331F

HSV Blend

#1C5E4D - #02331F | 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 #02331F as 100%.

0.0%	0.0% #1C5E4D	RGB 28 94 77	#1C5E4D
16.7%	16.7% #165644	RGB 22 86 68	#165644
33.3%	33.3% #104F3C	RGB 16 79 60	#104F3C
50.0%	50.0% #0C4834	RGB 12 72 52	#0C4834
66.7%	66.7% #08412C	RGB 8 65 44	#08412C
83.3%	83.3% #043A25	RGB 4 58 37	#043A25
100.0%	100.0% #02331F	RGB 2 51 31	#02331F

#1C5E4D #165644 #104F3C #0C4834 #08412C #043A25 #02331F

#1C5E4D - #0C4834 - #02331F

CSS codes

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

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