#3E4444 - #002B1E | 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 #3E4444 a #002B1E

#3E4444 #002B1E

Calcule el color entre dos colores, #3E4444 y #002B1E. 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)

#3E4444 - #002B1E | 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 #3E4444 como 0% y #002B1E como 100%.

0.0%	0.0% #3E4444	RGB 62 68 68	#3E4444
16.7%	16.7% #333F3D	RGB 51 63 61	#333F3D
33.3%	33.3% #293B37	RGB 41 59 55	#293B37
50.0%	50.0% #1F3731	RGB 31 55 49	#1F3731
66.7%	66.7% #14332A	RGB 20 51 42	#14332A
83.3%	83.3% #0A2F24	RGB 10 47 36	#0A2F24
100.0%	100.0% #002B1E	RGB 0 43 30	#002B1E

#3E4444 #333F3D #293B37 #1F3731 #14332A #0A2F24 #002B1E

#3E4444 - #002B1E

Mezcla HSV

#3E4444 - #002B1E | 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 #3E4444 como 0% y #002B1E como 100%.

0.0%	0.0% #3E4444	RGB 62 68 68	#3E4444
16.7%	16.7% #303F3F	RGB 48 63 63	#303F3F
33.3%	33.3% #243B39	RGB 36 59 57	#243B39
50.0%	50.0% #193732	RGB 25 55 50	#193732
66.7%	66.7% #0F332C	RGB 15 51 44	#0F332C
83.3%	83.3% #072F25	RGB 7 47 37	#072F25
100.0%	100.0% #002B1E	RGB 0 43 30	#002B1E

#3E4444 #303F3F #243B39 #193732 #0F332C #072F25 #002B1E

#3E4444 - #193732 - #002B1E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4444 0%, #193732 50%, #002B1E 100%);
    background: -webkit-linear-gradient(top, #3E4444 0%, #193732 50%, #002B1E 100%);
    background: linear-gradient(to bottom, #3E4444 0%, #193732 50%, #002B1E 100%);
}
</style>