#1E5E5A - #111511 | 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 #1E5E5A to #111511

#1E5E5A #111511

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

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

0.0%	0.0% #1E5E5A	RGB 30 94 90	#1E5E5A
16.7%	16.7% #1B514D	RGB 27 81 77	#1B514D
33.3%	33.3% #194541	RGB 25 69 65	#194541
50.0%	50.0% #173935	RGB 23 57 53	#173935
66.7%	66.7% #152D29	RGB 21 45 41	#152D29
83.3%	83.3% #13211D	RGB 19 33 29	#13211D
100.0%	100.0% #111511	RGB 17 21 17	#111511

#1E5E5A #1B514D #194541 #173935 #152D29 #13211D #111511

#1E5E5A - #111511

HSV Blend

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

0.0%	0.0% #1E5E5A	RGB 30 94 90	#1E5E5A
16.7%	16.7% #205147	RGB 32 81 71	#205147
33.3%	33.3% #214538	RGB 33 69 56	#214538
50.0%	50.0% #20392C	RGB 32 57 44	#20392C
66.7%	66.7% #1D2D22	RGB 29 45 34	#1D2D22
83.3%	83.3% #182119	RGB 24 33 25	#182119
100.0%	100.0% #111511	RGB 17 21 17	#111511

#1E5E5A #205147 #214538 #20392C #1D2D22 #182119 #111511

#1E5E5A - #20392C - #111511

CSS codes

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

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