#1E5E4F - #081A15 | 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 #1E5E4F to #081A15

#1E5E4F #081A15

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

#1E5E4F - #081A15 | 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 #1E5E4F as 0% and #081A15 as 100%.

0.0%	0.0% #1E5E4F	RGB 30 94 79	#1E5E4F
16.7%	16.7% #1A5245	RGB 26 82 69	#1A5245
33.3%	33.3% #16473B	RGB 22 71 59	#16473B
50.0%	50.0% #133C32	RGB 19 60 50	#133C32
66.7%	66.7% #0F3028	RGB 15 48 40	#0F3028
83.3%	83.3% #0B251E	RGB 11 37 30	#0B251E
100.0%	100.0% #081A15	RGB 8 26 21	#081A15

#1E5E4F #1A5245 #16473B #133C32 #0F3028 #0B251E #081A15

#1E5E4F - #081A15

HSV Blend

#1E5E4F - #081A15 | 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 #1E5E4F as 0% and #081A15 as 100%.

0.0%	0.0% #1E5E4F	RGB 30 94 79	#1E5E4F
16.7%	16.7% #1A5245	RGB 26 82 69	#1A5245
33.3%	33.3% #16473B	RGB 22 71 59	#16473B
50.0%	50.0% #123C31	RGB 18 60 49	#123C31
66.7%	66.7% #0F3027	RGB 15 48 39	#0F3027
83.3%	83.3% #0B251E	RGB 11 37 30	#0B251E
100.0%	100.0% #081A15	RGB 8 26 21	#081A15

#1E5E4F #1A5245 #16473B #123C31 #0F3027 #0B251E #081A15

#1E5E4F - #123C31 - #081A15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E4F 0%, #123C31 50%, #081A15 100%);
    background: -webkit-linear-gradient(top, #1E5E4F 0%, #123C31 50%, #081A15 100%);
    background: linear-gradient(to bottom, #1E5E4F 0%, #123C31 50%, #081A15 100%);
}
</style>