#1D4D4D - #081616 | 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 #1D4D4D to #081616

#1D4D4D #081616

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

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

0.0%	0.0% #1D4D4D	RGB 29 77 77	#1D4D4D
16.7%	16.7% #194343	RGB 25 67 67	#194343
33.3%	33.3% #163A3A	RGB 22 58 58	#163A3A
50.0%	50.0% #123131	RGB 18 49 49	#123131
66.7%	66.7% #0F2828	RGB 15 40 40	#0F2828
83.3%	83.3% #0B1F1F	RGB 11 31 31	#0B1F1F
100.0%	100.0% #081616	RGB 8 22 22	#081616

#1D4D4D #194343 #163A3A #123131 #0F2828 #0B1F1F #081616

#1D4D4D - #081616

HSV Blend

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

0.0%	0.0% #1D4D4D	RGB 29 77 77	#1D4D4D
16.7%	16.7% #194343	RGB 25 67 67	#194343
33.3%	33.3% #153A3A	RGB 21 58 58	#153A3A
50.0%	50.0% #123131	RGB 18 49 49	#123131
66.7%	66.7% #0E2828	RGB 14 40 40	#0E2828
83.3%	83.3% #0B1F1F	RGB 11 31 31	#0B1F1F
100.0%	100.0% #081616	RGB 8 22 22	#081616

#1D4D4D #194343 #153A3A #123131 #0E2828 #0B1F1F #081616

#1D4D4D - #123131 - #081616

CSS codes

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

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