#1B5D5E - #1F1C19 | 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 #1B5D5E to #1F1C19

#1B5D5E #1F1C19

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

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

0.0%	0.0% #1B5D5E	RGB 27 93 94	#1B5D5E
16.7%	16.7% #1B5252	RGB 27 82 82	#1B5252
33.3%	33.3% #1C4747	RGB 28 71 71	#1C4747
50.0%	50.0% #1D3C3B	RGB 29 60 59	#1D3C3B
66.7%	66.7% #1D3130	RGB 29 49 48	#1D3130
83.3%	83.3% #1E2624	RGB 30 38 36	#1E2624
100.0%	100.0% #1F1C19	RGB 31 28 25	#1F1C19

#1B5D5E #1B5252 #1C4747 #1D3C3B #1D3130 #1E2624 #1F1C19

#1B5D5E - #1F1C19

HSV Blend

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

0.0%	0.0% #1B5D5E	RGB 27 93 94	#1B5D5E
16.7%	16.7% #1F533E	RGB 31 83 62	#1F533E
33.3%	33.3% #214928	RGB 33 73 40	#214928
50.0%	50.0% #293E22	RGB 41 62 34	#293E22
66.7%	66.7% #2D3420	RGB 45 52 32	#2D3420
83.3%	83.3% #29281D	RGB 41 40 29	#29281D
100.0%	100.0% #1F1C19	RGB 31 28 25	#1F1C19

#1B5D5E #1F533E #214928 #293E22 #2D3420 #29281D #1F1C19

#1B5D5E - #293E22 - #1F1C19

CSS codes

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

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