#3E3E3E - #4A0218 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #3E3E3E a #4A0218

#3E3E3E #4A0218

Calcule el color entre dos colores, #3E3E3E y #4A0218. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#3E3E3E - #4A0218 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #3E3E3E como 0% y #4A0218 como 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

Mezcla HSV

#3E3E3E - #4A0218 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #3E3E3E como 0% y #4A0218 como 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

Códigos CSS

<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>