#3E2E3E - #08100C | 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 #3E2E3E to #08100C

#3E2E3E #08100C

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

#3E2E3E - #08100C | 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 #3E2E3E as 0% and #08100C as 100%.

0.0%	0.0% #3E2E3E	RGB 62 46 62	#3E2E3E
16.7%	16.7% #352935	RGB 53 41 53	#352935
33.3%	33.3% #2C242D	RGB 44 36 45	#2C242D
50.0%	50.0% #231F25	RGB 35 31 37	#231F25
66.7%	66.7% #1A1A1C	RGB 26 26 28	#1A1A1C
83.3%	83.3% #111514	RGB 17 21 20	#111514
100.0%	100.0% #08100C	RGB 8 16 12	#08100C

#3E2E3E #352935 #2C242D #231F25 #1A1A1C #111514 #08100C

#3E2E3E - #08100C

HSV Blend

#3E2E3E - #08100C | 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 #3E2E3E as 0% and #08100C as 100%.

0.0%	0.0% #3E2E3E	RGB 62 46 62	#3E2E3E
16.7%	16.7% #2F2636	RGB 47 38 54	#2F2636
33.3%	33.3% #211E2E	RGB 33 30 46	#211E2E
50.0%	50.0% #181B27	RGB 24 27 39	#181B27
66.7%	66.7% #121A1F	RGB 18 26 31	#121A1F
83.3%	83.3% #0C1716	RGB 12 23 22	#0C1716
100.0%	100.0% #08100C	RGB 8 16 12	#08100C

#3E2E3E #2F2636 #211E2E #181B27 #121A1F #0C1716 #08100C

#3E2E3E - #181B27 - #08100C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2E3E 0%, #181B27 50%, #08100C 100%);
    background: -webkit-linear-gradient(top, #3E2E3E 0%, #181B27 50%, #08100C 100%);
    background: linear-gradient(to bottom, #3E2E3E 0%, #181B27 50%, #08100C 100%);
}
</style>