#1D1E18 - #515D4C | 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 #1D1E18 to #515D4C

#1D1E18 #515D4C

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

#1D1E18 - #515D4C | 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 #1D1E18 as 0% and #515D4C as 100%.

0.0%	0.0% #1D1E18	RGB 29 30 24	#1D1E18
16.7%	16.7% #252820	RGB 37 40 32	#252820
33.3%	33.3% #2E3329	RGB 46 51 41	#2E3329
50.0%	50.0% #373D32	RGB 55 61 50	#373D32
66.7%	66.7% #3F483A	RGB 63 72 58	#3F483A
83.3%	83.3% #485243	RGB 72 82 67	#485243
100.0%	100.0% #515D4C	RGB 81 93 76	#515D4C

#1D1E18 #252820 #2E3329 #373D32 #3F483A #485243 #515D4C

#1D1E18 - #515D4C

HSV Blend

#1D1E18 - #515D4C | 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 #1D1E18 as 0% and #515D4C as 100%.

0.0%	0.0% #1D1E18	RGB 29 30 24	#1D1E18
16.7%	16.7% #262820	RGB 38 40 32	#262820
33.3%	33.3% #2F3329	RGB 47 51 41	#2F3329
50.0%	50.0% #383D31	RGB 56 61 49	#383D31
66.7%	66.7% #40483A	RGB 64 72 58	#40483A
83.3%	83.3% #495243	RGB 73 82 67	#495243
100.0%	100.0% #515D4C	RGB 81 93 76	#515D4C

#1D1E18 #262820 #2F3329 #383D31 #40483A #495243 #515D4C

#1D1E18 - #383D31 - #515D4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D1E18 0%, #383D31 50%, #515D4C 100%);
    background: -webkit-linear-gradient(top, #1D1E18 0%, #383D31 50%, #515D4C 100%);
    background: linear-gradient(to bottom, #1D1E18 0%, #383D31 50%, #515D4C 100%);
}
</style>