#3E3C3C - #340222 | 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 #340222

#3E3C3C #340222

Calculate the color between two colors, #3E3C3C and #340222. 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 - #340222 | 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 #340222 as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3C3237	RGB 60 50 55	#3C3237
33.3%	33.3% #3A2833	RGB 58 40 51	#3A2833
50.0%	50.0% #391F2F	RGB 57 31 47	#391F2F
66.7%	66.7% #37152A	RGB 55 21 42	#37152A
83.3%	83.3% #350B26	RGB 53 11 38	#350B26
100.0%	100.0% #340222	RGB 52 2 34	#340222

#3E3C3C #3C3237 #3A2833 #391F2F #37152A #350B26 #340222

#3E3C3C - #340222

HSV Blend

#3E3C3C - #340222 | 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 #340222 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% #3A262A	RGB 58 38 42	#3A262A
50.0%	50.0% #391C25	RGB 57 28 37	#391C25
66.7%	66.7% #371322	RGB 55 19 34	#371322
83.3%	83.3% #350A21	RGB 53 10 33	#350A21
100.0%	100.0% #340222	RGB 52 2 34	#340222

#3E3C3C #3C3132 #3A262A #391C25 #371322 #350A21 #340222

#3E3C3C - #391C25 - #340222

CSS codes

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

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