#1E5E55 - #013622 | 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 #1E5E55 to #013622

#1E5E55 #013622

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

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

0.0%	0.0% #1E5E55	RGB 30 94 85	#1E5E55
16.7%	16.7% #19574C	RGB 25 87 76	#19574C
33.3%	33.3% #145044	RGB 20 80 68	#145044
50.0%	50.0% #0F4A3B	RGB 15 74 59	#0F4A3B
66.7%	66.7% #0A4333	RGB 10 67 51	#0A4333
83.3%	83.3% #053C2A	RGB 5 60 42	#053C2A
100.0%	100.0% #013622	RGB 1 54 34	#013622

#1E5E55 #19574C #145044 #0F4A3B #0A4333 #053C2A #013622

#1E5E55 - #013622

HSV Blend

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

0.0%	0.0% #1E5E55	RGB 30 94 85	#1E5E55
16.7%	16.7% #17574B	RGB 23 87 75	#17574B
33.3%	33.3% #115042	RGB 17 80 66	#115042
50.0%	50.0% #0C4A3A	RGB 12 74 58	#0C4A3A
66.7%	66.7% #074331	RGB 7 67 49	#074331
83.3%	83.3% #043C29	RGB 4 60 41	#043C29
100.0%	100.0% #013622	RGB 1 54 34	#013622

#1E5E55 #17574B #115042 #0C4A3A #074331 #043C29 #013622

#1E5E55 - #0C4A3A - #013622

CSS codes

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

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