#2B2D21 - #141E00 | 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 #2B2D21 a #141E00

#2B2D21 #141E00

Calcule el color entre dos colores, #2B2D21 y #141E00. 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)

#2B2D21 - #141E00 | 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 #2B2D21 como 0% y #141E00 como 100%.

0.0%	0.0% #2B2D21	RGB 43 45 33	#2B2D21
16.7%	16.7% #272A1B	RGB 39 42 27	#272A1B
33.3%	33.3% #232816	RGB 35 40 22	#232816
50.0%	50.0% #1F2510	RGB 31 37 16	#1F2510
66.7%	66.7% #1B230B	RGB 27 35 11	#1B230B
83.3%	83.3% #172005	RGB 23 32 5	#172005
100.0%	100.0% #141E00	RGB 20 30 0	#141E00

#2B2D21 #272A1B #232816 #1F2510 #1B230B #172005 #141E00

#2B2D21 - #141E00

Mezcla HSV

#2B2D21 - #141E00 | 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 #2B2D21 como 0% y #141E00 como 100%.

0.0%	0.0% #2B2D21	RGB 43 45 33	#2B2D21
16.7%	16.7% #272A19	RGB 39 42 25	#272A19
33.3%	33.3% #232813	RGB 35 40 19	#232813
50.0%	50.0% #1F250D	RGB 31 37 13	#1F250D
66.7%	66.7% #1B2308	RGB 27 35 8	#1B2308
83.3%	83.3% #172003	RGB 23 32 3	#172003
100.0%	100.0% #141E00	RGB 20 30 0	#141E00

#2B2D21 #272A19 #232813 #1F250D #1B2308 #172003 #141E00

#2B2D21 - #1F250D - #141E00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2D21 0%, #1F250D 50%, #141E00 100%);
    background: -webkit-linear-gradient(top, #2B2D21 0%, #1F250D 50%, #141E00 100%);
    background: linear-gradient(to bottom, #2B2D21 0%, #1F250D 50%, #141E00 100%);
}
</style>