#3E2F3E - #08110C | 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 #3E2F3E to #08110C

#3E2F3E #08110C

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

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

0.0%	0.0% #3E2F3E	RGB 62 47 62	#3E2F3E
16.7%	16.7% #352A35	RGB 53 42 53	#352A35
33.3%	33.3% #2C252D	RGB 44 37 45	#2C252D
50.0%	50.0% #232025	RGB 35 32 37	#232025
66.7%	66.7% #1A1B1C	RGB 26 27 28	#1A1B1C
83.3%	83.3% #111614	RGB 17 22 20	#111614
100.0%	100.0% #08110C	RGB 8 17 12	#08110C

#3E2F3E #352A35 #2C252D #232025 #1A1B1C #111614 #08110C

#3E2F3E - #08110C

HSV Blend

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

0.0%	0.0% #3E2F3E	RGB 62 47 62	#3E2F3E
16.7%	16.7% #2F2636	RGB 47 38 54	#2F2636
33.3%	33.3% #211F2F	RGB 33 31 47	#211F2F
50.0%	50.0% #181C27	RGB 24 28 39	#181C27
66.7%	66.7% #121B20	RGB 18 27 32	#121B20
83.3%	83.3% #0C1816	RGB 12 24 22	#0C1816
100.0%	100.0% #08110C	RGB 8 17 12	#08110C

#3E2F3E #2F2636 #211F2F #181C27 #121B20 #0C1816 #08110C

#3E2F3E - #181C27 - #08110C

CSS codes

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

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