#3E3B41 - #160D0E | 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 #3E3B41 to #160D0E

#3E3B41 #160D0E

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

#3E3B41 - #160D0E | 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 #3E3B41 as 0% and #160D0E as 100%.

0.0%	0.0% #3E3B41	RGB 62 59 65	#3E3B41
16.7%	16.7% #373338	RGB 55 51 56	#373338
33.3%	33.3% #302B30	RGB 48 43 48	#302B30
50.0%	50.0% #2A2427	RGB 42 36 39	#2A2427
66.7%	66.7% #231C1F	RGB 35 28 31	#231C1F
83.3%	83.3% #1C1416	RGB 28 20 22	#1C1416
100.0%	100.0% #160D0E	RGB 22 13 14	#160D0E

#3E3B41 #373338 #302B30 #2A2427 #231C1F #1C1416 #160D0E

#3E3B41 - #160D0E

HSV Blend

#3E3B41 - #160D0E | 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 #3E3B41 as 0% and #160D0E as 100%.

0.0%	0.0% #3E3B41	RGB 62 59 65	#3E3B41
16.7%	16.7% #373139	RGB 55 49 57	#373139
33.3%	33.3% #322832	RGB 50 40 50	#322832
50.0%	50.0% #2B2029	RGB 43 32 41	#2B2029
66.7%	66.7% #24191F	RGB 36 25 31	#24191F
83.3%	83.3% #1D1216	RGB 29 18 22	#1D1216
100.0%	100.0% #160D0E	RGB 22 13 14	#160D0E

#3E3B41 #373139 #322832 #2B2029 #24191F #1D1216 #160D0E

#3E3B41 - #2B2029 - #160D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3B41 0%, #2B2029 50%, #160D0E 100%);
    background: -webkit-linear-gradient(top, #3E3B41 0%, #2B2029 50%, #160D0E 100%);
    background: linear-gradient(to bottom, #3E3B41 0%, #2B2029 50%, #160D0E 100%);
}
</style>