#244848 - #002D1C | 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 #244848 a #002D1C

#244848 #002D1C

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

#244848 - #002D1C | 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 #244848 como 0% y #002D1C como 100%.

0.0%	0.0% #244848	RGB 36 72 72	#244848
16.7%	16.7% #1E4340	RGB 30 67 64	#1E4340
33.3%	33.3% #183F39	RGB 24 63 57	#183F39
50.0%	50.0% #123A32	RGB 18 58 50	#123A32
66.7%	66.7% #0C362A	RGB 12 54 42	#0C362A
83.3%	83.3% #063123	RGB 6 49 35	#063123
100.0%	100.0% #002D1C	RGB 0 45 28	#002D1C

#244848 #1E4340 #183F39 #123A32 #0C362A #063123 #002D1C

#244848 - #002D1C

Mezcla HSV

#244848 - #002D1C | 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 #244848 como 0% y #002D1C como 100%.

0.0%	0.0% #244848	RGB 36 72 72	#244848
16.7%	16.7% #1C4341	RGB 28 67 65	#1C4341
33.3%	33.3% #153F39	RGB 21 63 57	#153F39
50.0%	50.0% #0E3A32	RGB 14 58 50	#0E3A32
66.7%	66.7% #08362A	RGB 8 54 42	#08362A
83.3%	83.3% #043123	RGB 4 49 35	#043123
100.0%	100.0% #002D1C	RGB 0 45 28	#002D1C

#244848 #1C4341 #153F39 #0E3A32 #08362A #043123 #002D1C

#244848 - #0E3A32 - #002D1C

Códigos CSS

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

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