#3E3E5E - #071D18 | 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 #3E3E5E a #071D18

#3E3E5E #071D18

Calcule el color entre dos colores, #3E3E5E y #071D18. 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)

#3E3E5E - #071D18 | 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 #3E3E5E como 0% y #071D18 como 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #343852	RGB 52 56 82	#343852
33.3%	33.3% #2B3346	RGB 43 51 70	#2B3346
50.0%	50.0% #222D3B	RGB 34 45 59	#222D3B
66.7%	66.7% #19282F	RGB 25 40 47	#19282F
83.3%	83.3% #102223	RGB 16 34 35	#102223
100.0%	100.0% #071D18	RGB 7 29 24	#071D18

#3E3E5E #343852 #2B3346 #222D3B #19282F #102223 #071D18

#3E3E5E - #071D18

Mezcla HSV

#3E3E5E - #071D18 | 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 #3E3E5E como 0% y #071D18 como 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #313853	RGB 49 56 83	#313853
33.3%	33.3% #253348	RGB 37 51 72	#253348
50.0%	50.0% #1B303D	RGB 27 48 61	#1B303D
66.7%	66.7% #132C32	RGB 19 44 50	#132C32
83.3%	83.3% #0C2727	RGB 12 39 39	#0C2727
100.0%	100.0% #071D18	RGB 7 29 24	#071D18

#3E3E5E #313853 #253348 #1B303D #132C32 #0C2727 #071D18

#3E3E5E - #1B303D - #071D18

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E5E 0%, #1B303D 50%, #071D18 100%);
    background: -webkit-linear-gradient(top, #3E3E5E 0%, #1B303D 50%, #071D18 100%);
    background: linear-gradient(to bottom, #3E3E5E 0%, #1B303D 50%, #071D18 100%);
}
</style>