#2E3C13 - #102202 | 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 #2E3C13 a #102202

#2E3C13 #102202

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

#2E3C13 - #102202 | 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 #2E3C13 como 0% y #102202 como 100%.

0.0%	0.0% #2E3C13	RGB 46 60 19	#2E3C13
16.7%	16.7% #293710	RGB 41 55 16	#293710
33.3%	33.3% #24330D	RGB 36 51 13	#24330D
50.0%	50.0% #1F2F0A	RGB 31 47 10	#1F2F0A
66.7%	66.7% #1A2A07	RGB 26 42 7	#1A2A07
83.3%	83.3% #152604	RGB 21 38 4	#152604
100.0%	100.0% #102202	RGB 16 34 2	#102202

#2E3C13 #293710 #24330D #1F2F0A #1A2A07 #152604 #102202

#2E3C13 - #102202

Mezcla HSV

#2E3C13 - #102202 | 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 #2E3C13 como 0% y #102202 como 100%.

0.0%	0.0% #2E3C13	RGB 46 60 19	#2E3C13
16.7%	16.7% #28370F	RGB 40 55 15	#28370F
33.3%	33.3% #22330B	RGB 34 51 11	#22330B
50.0%	50.0% #1D2F08	RGB 29 47 8	#1D2F08
66.7%	66.7% #182A06	RGB 24 42 6	#182A06
83.3%	83.3% #142603	RGB 20 38 3	#142603
100.0%	100.0% #102202	RGB 16 34 2	#102202

#2E3C13 #28370F #22330B #1D2F08 #182A06 #142603 #102202

#2E3C13 - #1D2F08 - #102202

Códigos CSS

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

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