#323D3C - #023325 | 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 #323D3C a #023325

#323D3C #023325

Calcule el color entre dos colores, #323D3C y #023325. 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)

#323D3C - #023325 | 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 #323D3C como 0% y #023325 como 100%.

0.0%	0.0% #323D3C	RGB 50 61 60	#323D3C
16.7%	16.7% #2A3B38	RGB 42 59 56	#2A3B38
33.3%	33.3% #223934	RGB 34 57 52	#223934
50.0%	50.0% #1A3830	RGB 26 56 48	#1A3830
66.7%	66.7% #12362C	RGB 18 54 44	#12362C
83.3%	83.3% #0A3428	RGB 10 52 40	#0A3428
100.0%	100.0% #023325	RGB 2 51 37	#023325

#323D3C #2A3B38 #223934 #1A3830 #12362C #0A3428 #023325

#323D3C - #023325

Mezcla HSV

#323D3C - #023325 | 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 #323D3C como 0% y #023325 como 100%.

0.0%	0.0% #323D3C	RGB 50 61 60	#323D3C
16.7%	16.7% #283B39	RGB 40 59 57	#283B39
33.3%	33.3% #203935	RGB 32 57 53	#203935
50.0%	50.0% #183831	RGB 24 56 49	#183831
66.7%	66.7% #10362D	RGB 16 54 45	#10362D
83.3%	83.3% #083429	RGB 8 52 41	#083429
100.0%	100.0% #023325	RGB 2 51 37	#023325

#323D3C #283B39 #203935 #183831 #10362D #083429 #023325

#323D3C - #183831 - #023325

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323D3C 0%, #183831 50%, #023325 100%);
    background: -webkit-linear-gradient(top, #323D3C 0%, #183831 50%, #023325 100%);
    background: linear-gradient(to bottom, #323D3C 0%, #183831 50%, #023325 100%);
}
</style>