#1D4E5E - #191817 | 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 #1D4E5E to #191817

#1D4E5E #191817

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

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

0.0%	0.0% #1D4E5E	RGB 29 78 94	#1D4E5E
16.7%	16.7% #1C4552	RGB 28 69 82	#1C4552
33.3%	33.3% #1B3C46	RGB 27 60 70	#1B3C46
50.0%	50.0% #1B333A	RGB 27 51 58	#1B333A
66.7%	66.7% #1A2A2E	RGB 26 42 46	#1A2A2E
83.3%	83.3% #192122	RGB 25 33 34	#192122
100.0%	100.0% #191817	RGB 25 24 23	#191817

#1D4E5E #1C4552 #1B3C46 #1B333A #1A2A2E #192122 #191817

#1D4E5E - #191817

HSV Blend

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

0.0%	0.0% #1D4E5E	RGB 29 78 94	#1D4E5E
16.7%	16.7% #215248	RGB 33 82 72	#215248
33.3%	33.3% #24472F	RGB 36 71 47	#24472F
50.0%	50.0% #273B24	RGB 39 59 36	#273B24
66.7%	66.7% #2A3022	RGB 42 48 34	#2A3022
83.3%	83.3% #24241D	RGB 36 36 29	#24241D
100.0%	100.0% #191817	RGB 25 24 23	#191817

#1D4E5E #215248 #24472F #273B24 #2A3022 #24241D #191817

#1D4E5E - #273B24 - #191817

CSS codes

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

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