#3E3C3C - #340231 | 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 #3E3C3C to #340231

#3E3C3C #340231

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

#3E3C3C - #340231 | 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 #3E3C3C as 0% and #340231 as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3C323A	RGB 60 50 58	#3C323A
33.3%	33.3% #3A2838	RGB 58 40 56	#3A2838
50.0%	50.0% #391F36	RGB 57 31 54	#391F36
66.7%	66.7% #371534	RGB 55 21 52	#371534
83.3%	83.3% #350B32	RGB 53 11 50	#350B32
100.0%	100.0% #340231	RGB 52 2 49	#340231

#3E3C3C #3C323A #3A2838 #391F36 #371534 #350B32 #340231

#3E3C3C - #340231

HSV Blend

#3E3C3C - #340231 | 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 #3E3C3C as 0% and #340231 as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3C3132	RGB 60 49 50	#3C3132
33.3%	33.3% #3A262C	RGB 58 38 44	#3A262C
50.0%	50.0% #391C29	RGB 57 28 41	#391C29
66.7%	66.7% #371329	RGB 55 19 41	#371329
83.3%	83.3% #350A2C	RGB 53 10 44	#350A2C
100.0%	100.0% #340231	RGB 52 2 49	#340231

#3E3C3C #3C3132 #3A262C #391C29 #371329 #350A2C #340231

#3E3C3C - #391C29 - #340231

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #391C29 50%, #340231 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #391C29 50%, #340231 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #391C29 50%, #340231 100%);
}
</style>