#30342B - #122600 | 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 #30342B a #122600

#30342B #122600

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

#30342B - #122600 | 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 #30342B como 0% y #122600 como 100%.

0.0%	0.0% #30342B	RGB 48 52 43	#30342B
16.7%	16.7% #2B3123	RGB 43 49 35	#2B3123
33.3%	33.3% #262F1C	RGB 38 47 28	#262F1C
50.0%	50.0% #212D15	RGB 33 45 21	#212D15
66.7%	66.7% #1C2A0E	RGB 28 42 14	#1C2A0E
83.3%	83.3% #172807	RGB 23 40 7	#172807
100.0%	100.0% #122600	RGB 18 38 0	#122600

#30342B #2B3123 #262F1C #212D15 #1C2A0E #172807 #122600

#30342B - #122600

Mezcla HSV

#30342B - #122600 | 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 #30342B como 0% y #122600 como 100%.

0.0%	0.0% #30342B	RGB 48 52 43	#30342B
16.7%	16.7% #2A3122	RGB 42 49 34	#2A3122
33.3%	33.3% #252F1A	RGB 37 47 26	#252F1A
50.0%	50.0% #202D12	RGB 32 45 18	#202D12
66.7%	66.7% #1B2A0B	RGB 27 42 11	#1B2A0B
83.3%	83.3% #162805	RGB 22 40 5	#162805
100.0%	100.0% #122600	RGB 18 38 0	#122600

#30342B #2A3122 #252F1A #202D12 #1B2A0B #162805 #122600

#30342B - #202D12 - #122600

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30342B 0%, #202D12 50%, #122600 100%);
    background: -webkit-linear-gradient(top, #30342B 0%, #202D12 50%, #122600 100%);
    background: linear-gradient(to bottom, #30342B 0%, #202D12 50%, #122600 100%);
}
</style>