#2D1D23 - #1D0004 | 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 #2D1D23 a #1D0004

#2D1D23 #1D0004

Calcule el color entre dos colores, #2D1D23 y #1D0004. 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)

#2D1D23 - #1D0004 | 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 #2D1D23 como 0% y #1D0004 como 100%.

0.0%	0.0% #2D1D23	RGB 45 29 35	#2D1D23
16.7%	16.7% #2A181D	RGB 42 24 29	#2A181D
33.3%	33.3% #271318	RGB 39 19 24	#271318
50.0%	50.0% #250E13	RGB 37 14 19	#250E13
66.7%	66.7% #22090E	RGB 34 9 14	#22090E
83.3%	83.3% #1F0409	RGB 31 4 9	#1F0409
100.0%	100.0% #1D0004	RGB 29 0 4	#1D0004

#2D1D23 #2A181D #271318 #250E13 #22090E #1F0409 #1D0004

#2D1D23 - #1D0004

Mezcla HSV

#2D1D23 - #1D0004 | 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 #2D1D23 como 0% y #1D0004 como 100%.

0.0%	0.0% #2D1D23	RGB 45 29 35	#2D1D23
16.7%	16.7% #2A161D	RGB 42 22 29	#2A161D
33.3%	33.3% #271117	RGB 39 17 23	#271117
50.0%	50.0% #250B12	RGB 37 11 18	#250B12
66.7%	66.7% #22070D	RGB 34 7 13	#22070D
83.3%	83.3% #1F0308	RGB 31 3 8	#1F0308
100.0%	100.0% #1D0004	RGB 29 0 4	#1D0004

#2D1D23 #2A161D #271117 #250B12 #22070D #1F0308 #1D0004

#2D1D23 - #250B12 - #1D0004

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1D23 0%, #250B12 50%, #1D0004 100%);
    background: -webkit-linear-gradient(top, #2D1D23 0%, #250B12 50%, #1D0004 100%);
    background: linear-gradient(to bottom, #2D1D23 0%, #250B12 50%, #1D0004 100%);
}
</style>