#22473B - #002C0E | 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 #22473B a #002C0E

#22473B #002C0E

Calcule el color entre dos colores, #22473B y #002C0E. 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)

#22473B - #002C0E | 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 #22473B como 0% y #002C0E como 100%.

0.0%	0.0% #22473B	RGB 34 71 59	#22473B
16.7%	16.7% #1C4233	RGB 28 66 51	#1C4233
33.3%	33.3% #163E2C	RGB 22 62 44	#163E2C
50.0%	50.0% #113924	RGB 17 57 36	#113924
66.7%	66.7% #0B351D	RGB 11 53 29	#0B351D
83.3%	83.3% #053015	RGB 5 48 21	#053015
100.0%	100.0% #002C0E	RGB 0 44 14	#002C0E

#22473B #1C4233 #163E2C #113924 #0B351D #053015 #002C0E

#22473B - #002C0E

Mezcla HSV

#22473B - #002C0E | 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 #22473B como 0% y #002C0E como 100%.

0.0%	0.0% #22473B	RGB 34 71 59	#22473B
16.7%	16.7% #1A4233	RGB 26 66 51	#1A4233
33.3%	33.3% #133E2B	RGB 19 62 43	#133E2B
50.0%	50.0% #0D3923	RGB 13 57 35	#0D3923
66.7%	66.7% #08351B	RGB 8 53 27	#08351B
83.3%	83.3% #033014	RGB 3 48 20	#033014
100.0%	100.0% #002C0E	RGB 0 44 14	#002C0E

#22473B #1A4233 #133E2B #0D3923 #08351B #033014 #002C0E

#22473B - #0D3923 - #002C0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22473B 0%, #0D3923 50%, #002C0E 100%);
    background: -webkit-linear-gradient(top, #22473B 0%, #0D3923 50%, #002C0E 100%);
    background: linear-gradient(to bottom, #22473B 0%, #0D3923 50%, #002C0E 100%);
}
</style>