#140C0C - #4D4344 | 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 #140C0C to #4D4344

#140C0C #4D4344

Calculate the color between two colors, #140C0C and #4D4344. 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)

#140C0C - #4D4344 | 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 #140C0C as 0% and #4D4344 as 100%.

0.0%	0.0% #140C0C	RGB 20 12 12	#140C0C
16.7%	16.7% #1D1515	RGB 29 21 21	#1D1515
33.3%	33.3% #271E1E	RGB 39 30 30	#271E1E
50.0%	50.0% #302728	RGB 48 39 40	#302728
66.7%	66.7% #3A3031	RGB 58 48 49	#3A3031
83.3%	83.3% #43393A	RGB 67 57 58	#43393A
100.0%	100.0% #4D4344	RGB 77 67 68	#4D4344

#140C0C #1D1515 #271E1E #302728 #3A3031 #43393A #4D4344

#140C0C - #4D4344

HSV Blend

#140C0C - #4D4344 | 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 #140C0C as 0% and #4D4344 as 100%.

0.0%	0.0% #140C0C	RGB 20 12 12	#140C0C
16.7%	16.7% #1D1313	RGB 29 19 19	#1D1313
33.3%	33.3% #271A1B	RGB 39 26 27	#271A1B
50.0%	50.0% #302324	RGB 48 35 36	#302324
66.7%	66.7% #3A2D2E	RGB 58 45 46	#3A2D2E
83.3%	83.3% #433738	RGB 67 55 56	#433738
100.0%	100.0% #4D4344	RGB 77 67 68	#4D4344

#140C0C #1D1313 #271A1B #302324 #3A2D2E #433738 #4D4344

#140C0C - #302324 - #4D4344

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #140C0C 0%, #302324 50%, #4D4344 100%);
    background: -webkit-linear-gradient(top, #140C0C 0%, #302324 50%, #4D4344 100%);
    background: linear-gradient(to bottom, #140C0C 0%, #302324 50%, #4D4344 100%);
}
</style>