#141413 - #3E3232 | 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 #141413 to #3E3232

#141413 #3E3232

Calculate the color between two colors, #141413 and #3E3232. 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)

#141413 - #3E3232 | 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 #141413 as 0% and #3E3232 as 100%.

0.0%	0.0% #141413	RGB 20 20 19	#141413
16.7%	16.7% #1B1918	RGB 27 25 24	#1B1918
33.3%	33.3% #221E1D	RGB 34 30 29	#221E1D
50.0%	50.0% #292322	RGB 41 35 34	#292322
66.7%	66.7% #302827	RGB 48 40 39	#302827
83.3%	83.3% #372D2C	RGB 55 45 44	#372D2C
100.0%	100.0% #3E3232	RGB 62 50 50	#3E3232

#141413 #1B1918 #221E1D #292322 #302827 #372D2C #3E3232

#141413 - #3E3232

HSV Blend

#141413 - #3E3232 | 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 #141413 as 0% and #3E3232 as 100%.

0.0%	0.0% #141413	RGB 20 20 19	#141413
16.7%	16.7% #1B1A19	RGB 27 26 25	#1B1A19
33.3%	33.3% #22201E	RGB 34 32 30	#22201E
50.0%	50.0% #292624	RGB 41 38 36	#292624
66.7%	66.7% #302B29	RGB 48 43 41	#302B29
83.3%	83.3% #372F2D	RGB 55 47 45	#372F2D
100.0%	100.0% #3E3232	RGB 62 50 50	#3E3232

#141413 #1B1A19 #22201E #292624 #302B29 #372F2D #3E3232

#141413 - #292624 - #3E3232

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #141413 0%, #292624 50%, #3E3232 100%);
    background: -webkit-linear-gradient(top, #141413 0%, #292624 50%, #3E3232 100%);
    background: linear-gradient(to bottom, #141413 0%, #292624 50%, #3E3232 100%);
}
</style>