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

#3E2D3E #08100C

Calculate the color between two colors, #3E2D3E 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)

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

0.0%	0.0% #3E2D3E	RGB 62 45 62	#3E2D3E
16.7%	16.7% #352835	RGB 53 40 53	#352835
33.3%	33.3% #2C232D	RGB 44 35 45	#2C232D
50.0%	50.0% #231E25	RGB 35 30 37	#231E25
66.7%	66.7% #1A191C	RGB 26 25 28	#1A191C
83.3%	83.3% #111414	RGB 17 20 20	#111414
100.0%	100.0% #08100C	RGB 8 16 12	#08100C

#3E2D3E #352835 #2C232D #231E25 #1A191C #111414 #08100C

#3E2D3E - #08100C

HSV Blend

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

0.0%	0.0% #3E2D3E	RGB 62 45 62	#3E2D3E
16.7%	16.7% #2F2536	RGB 47 37 54	#2F2536
33.3%	33.3% #211E2E	RGB 33 30 46	#211E2E
50.0%	50.0% #171B27	RGB 23 27 39	#171B27
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

#3E2D3E #2F2536 #211E2E #171B27 #121A1F #0C1716 #08100C

#3E2D3E - #171B27 - #08100C

CSS codes

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

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