#3E3E3E - #4A0218 | 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 #3E3E3E to #4A0218

#3E3E3E #4A0218

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

#3E3E3E - #4A0218 | 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 #3E3E3E as 0% and #4A0218 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403437	RGB 64 52 55	#403437
33.3%	33.3% #422A31	RGB 66 42 49	#422A31
50.0%	50.0% #44202B	RGB 68 32 43	#44202B
66.7%	66.7% #461624	RGB 70 22 36	#461624
83.3%	83.3% #480C1E	RGB 72 12 30	#480C1E
100.0%	100.0% #4A0218	RGB 74 2 24	#4A0218

#3E3E3E #403437 #422A31 #44202B #461624 #480C1E #4A0218

#3E3E3E - #4A0218

HSV Blend

#3E3E3E - #4A0218 | 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 #3E3E3E as 0% and #4A0218 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #403536	RGB 64 53 54	#403536
33.3%	33.3% #422C2E	RGB 66 44 46	#422C2E
50.0%	50.0% #442227	RGB 68 34 39	#442227
66.7%	66.7% #461821	RGB 70 24 33	#461821
83.3%	83.3% #480D1C	RGB 72 13 28	#480D1C
100.0%	100.0% #4A0218	RGB 74 2 24	#4A0218

#3E3E3E #403536 #422C2E #442227 #461821 #480D1C #4A0218

#3E3E3E - #442227 - #4A0218

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #442227 50%, #4A0218 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #442227 50%, #4A0218 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #442227 50%, #4A0218 100%);
}
</style>