#1B4B5E - #191816 | 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 #1B4B5E to #191816

#1B4B5E #191816

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

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

0.0%	0.0% #1B4B5E	RGB 27 75 94	#1B4B5E
16.7%	16.7% #1A4252	RGB 26 66 82	#1A4252
33.3%	33.3% #1A3A46	RGB 26 58 70	#1A3A46
50.0%	50.0% #1A313A	RGB 26 49 58	#1A313A
66.7%	66.7% #19292E	RGB 25 41 46	#19292E
83.3%	83.3% #192022	RGB 25 32 34	#192022
100.0%	100.0% #191816	RGB 25 24 22	#191816

#1B4B5E #1A4252 #1A3A46 #1A313A #19292E #192022 #191816

#1B4B5E - #191816

HSV Blend

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

0.0%	0.0% #1B4B5E	RGB 27 75 94	#1B4B5E
16.7%	16.7% #1F524A	RGB 31 82 74	#1F524A
33.3%	33.3% #224731	RGB 34 71 49	#224731
50.0%	50.0% #233B22	RGB 35 59 34	#233B22
66.7%	66.7% #273020	RGB 39 48 32	#273020
83.3%	83.3% #23241C	RGB 35 36 28	#23241C
100.0%	100.0% #191816	RGB 25 24 22	#191816

#1B4B5E #1F524A #224731 #233B22 #273020 #23241C #191816

#1B4B5E - #233B22 - #191816

CSS codes

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

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