#1C5E5B - #003823 | 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 #1C5E5B to #003823

#1C5E5B #003823

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

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

0.0%	0.0% #1C5E5B	RGB 28 94 91	#1C5E5B
16.7%	16.7% #175751	RGB 23 87 81	#175751
33.3%	33.3% #125148	RGB 18 81 72	#125148
50.0%	50.0% #0E4B3F	RGB 14 75 63	#0E4B3F
66.7%	66.7% #094435	RGB 9 68 53	#094435
83.3%	83.3% #043E2C	RGB 4 62 44	#043E2C
100.0%	100.0% #003823	RGB 0 56 35	#003823

#1C5E5B #175751 #125148 #0E4B3F #094435 #043E2C #003823

#1C5E5B - #003823

HSV Blend

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

0.0%	0.0% #1C5E5B	RGB 28 94 91	#1C5E5B
16.7%	16.7% #155751	RGB 21 87 81	#155751
33.3%	33.3% #105147	RGB 16 81 71	#105147
50.0%	50.0% #0B4B3D	RGB 11 75 61	#0B4B3D
66.7%	66.7% #064434	RGB 6 68 52	#064434
83.3%	83.3% #033E2B	RGB 3 62 43	#033E2B
100.0%	100.0% #003823	RGB 0 56 35	#003823

#1C5E5B #155751 #105147 #0B4B3D #064434 #033E2B #003823

#1C5E5B - #0B4B3D - #003823

CSS codes

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

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