#3E5E5E - #044337 | 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 #3E5E5E a #044337

#3E5E5E #044337

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

#3E5E5E - #044337 | 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 #3E5E5E como 0% y #044337 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #345957	RGB 52 89 87	#345957
33.3%	33.3% #2A5551	RGB 42 85 81	#2A5551
50.0%	50.0% #21504A	RGB 33 80 74	#21504A
66.7%	66.7% #174C44	RGB 23 76 68	#174C44
83.3%	83.3% #0D473D	RGB 13 71 61	#0D473D
100.0%	100.0% #044337	RGB 4 67 55	#044337

#3E5E5E #345957 #2A5551 #21504A #174C44 #0D473D #044337

#3E5E5E - #044337

Mezcla HSV

#3E5E5E - #044337 | 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 #3E5E5E como 0% y #044337 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #325958	RGB 50 89 88	#325958
33.3%	33.3% #275552	RGB 39 85 82	#275552
50.0%	50.0% #1C504B	RGB 28 80 75	#1C504B
66.7%	66.7% #134C44	RGB 19 76 68	#134C44
83.3%	83.3% #0B473D	RGB 11 71 61	#0B473D
100.0%	100.0% #044337	RGB 4 67 55	#044337

#3E5E5E #325958 #275552 #1C504B #134C44 #0B473D #044337

#3E5E5E - #1C504B - #044337

Códigos CSS

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

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