#3E3D4C - #220810 | 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 #3E3D4C to #220810

#3E3D4C #220810

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

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

0.0%	0.0% #3E3D4C	RGB 62 61 76	#3E3D4C
16.7%	16.7% #393442	RGB 57 52 66	#393442
33.3%	33.3% #342B38	RGB 52 43 56	#342B38
50.0%	50.0% #30222E	RGB 48 34 46	#30222E
66.7%	66.7% #2B1924	RGB 43 25 36	#2B1924
83.3%	83.3% #26101A	RGB 38 16 26	#26101A
100.0%	100.0% #220810	RGB 34 8 16	#220810

#3E3D4C #393442 #342B38 #30222E #2B1924 #26101A #220810

#3E3D4C - #220810

HSV Blend

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

0.0%	0.0% #3E3D4C	RGB 62 61 76	#3E3D4C
16.7%	16.7% #373045	RGB 55 48 69	#373045
33.3%	33.3% #34263E	RGB 52 38 62	#34263E
50.0%	50.0% #331C37	RGB 51 28 55	#331C37
66.7%	66.7% #30142B	RGB 48 20 43	#30142B
83.3%	83.3% #290D1D	RGB 41 13 29	#290D1D
100.0%	100.0% #220810	RGB 34 8 16	#220810

#3E3D4C #373045 #34263E #331C37 #30142B #290D1D #220810

#3E3D4C - #331C37 - #220810

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3D4C 0%, #331C37 50%, #220810 100%);
    background: -webkit-linear-gradient(top, #3E3D4C 0%, #331C37 50%, #220810 100%);
    background: linear-gradient(to bottom, #3E3D4C 0%, #331C37 50%, #220810 100%);
}
</style>