#2E5E3C - #0A2A1E | 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 #2E5E3C a #0A2A1E

#2E5E3C #0A2A1E

Calcule el color entre dos colores, #2E5E3C y #0A2A1E. 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)

#2E5E3C - #0A2A1E | 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 #2E5E3C como 0% y #0A2A1E como 100%.

0.0%	0.0% #2E5E3C	RGB 46 94 60	#2E5E3C
16.7%	16.7% #285537	RGB 40 85 55	#285537
33.3%	33.3% #224C32	RGB 34 76 50	#224C32
50.0%	50.0% #1C442D	RGB 28 68 45	#1C442D
66.7%	66.7% #163B28	RGB 22 59 40	#163B28
83.3%	83.3% #103223	RGB 16 50 35	#103223
100.0%	100.0% #0A2A1E	RGB 10 42 30	#0A2A1E

#2E5E3C #285537 #224C32 #1C442D #163B28 #103223 #0A2A1E

#2E5E3C - #0A2A1E

Mezcla HSV

#2E5E3C - #0A2A1E | 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 #2E5E3C como 0% y #0A2A1E como 100%.

0.0%	0.0% #2E5E3C	RGB 46 94 60	#2E5E3C
16.7%	16.7% #265536	RGB 38 85 54	#265536
33.3%	33.3% #1F4C31	RGB 31 76 49	#1F4C31
50.0%	50.0% #18442C	RGB 24 68 44	#18442C
66.7%	66.7% #133B27	RGB 19 59 39	#133B27
83.3%	83.3% #0E3222	RGB 14 50 34	#0E3222
100.0%	100.0% #0A2A1E	RGB 10 42 30	#0A2A1E

#2E5E3C #265536 #1F4C31 #18442C #133B27 #0E3222 #0A2A1E

#2E5E3C - #18442C - #0A2A1E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E3C 0%, #18442C 50%, #0A2A1E 100%);
    background: -webkit-linear-gradient(top, #2E5E3C 0%, #18442C 50%, #0A2A1E 100%);
    background: linear-gradient(to bottom, #2E5E3C 0%, #18442C 50%, #0A2A1E 100%);
}
</style>