#6E3E4C - #3C1212 | 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 #6E3E4C to #3C1212

#6E3E4C #3C1212

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

#6E3E4C - #3C1212 | 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 #6E3E4C as 0% and #3C1212 as 100%.

0.0%	0.0% #6E3E4C	RGB 110 62 76	#6E3E4C
16.7%	16.7% #653642	RGB 101 54 66	#653642
33.3%	33.3% #5D2F38	RGB 93 47 56	#5D2F38
50.0%	50.0% #55282F	RGB 85 40 47	#55282F
66.7%	66.7% #4C2025	RGB 76 32 37	#4C2025
83.3%	83.3% #44191B	RGB 68 25 27	#44191B
100.0%	100.0% #3C1212	RGB 60 18 18	#3C1212

#6E3E4C #653642 #5D2F38 #55282F #4C2025 #44191B #3C1212

#6E3E4C - #3C1212

HSV Blend

#6E3E4C - #3C1212 | 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 #6E3E4C as 0% and #3C1212 as 100%.

0.0%	0.0% #6E3E4C	RGB 110 62 76	#6E3E4C
16.7%	16.7% #653440	RGB 101 52 64	#653440
33.3%	33.3% #5D2C35	RGB 93 44 53	#5D2C35
50.0%	50.0% #55242B	RGB 85 36 43	#55242B
66.7%	66.7% #4C1D22	RGB 76 29 34	#4C1D22
83.3%	83.3% #441719	RGB 68 23 25	#441719
100.0%	100.0% #3C1212	RGB 60 18 18	#3C1212

#6E3E4C #653440 #5D2C35 #55242B #4C1D22 #441719 #3C1212

#6E3E4C - #55242B - #3C1212

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E3E4C 0%, #55242B 50%, #3C1212 100%);
    background: -webkit-linear-gradient(top, #6E3E4C 0%, #55242B 50%, #3C1212 100%);
    background: linear-gradient(to bottom, #6E3E4C 0%, #55242B 50%, #3C1212 100%);
}
</style>