#100B04 - #3C3436 | 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 #100B04 a #3C3436

#100B04 #3C3436

Calcule el color entre dos colores, #100B04 y #3C3436. 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)

#100B04 - #3C3436 | 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 #100B04 como 0% y #3C3436 como 100%.

0.0%	0.0% #100B04	RGB 16 11 4	#100B04
16.7%	16.7% #17110C	RGB 23 17 12	#17110C
33.3%	33.3% #1E1814	RGB 30 24 20	#1E1814
50.0%	50.0% #261F1D	RGB 38 31 29	#261F1D
66.7%	66.7% #2D2625	RGB 45 38 37	#2D2625
83.3%	83.3% #342D2D	RGB 52 45 45	#342D2D
100.0%	100.0% #3C3436	RGB 60 52 54	#3C3436

#100B04 #17110C #1E1814 #261F1D #2D2625 #342D2D #3C3436

#100B04 - #3C3436

Mezcla HSV

#100B04 - #3C3436 | 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 #100B04 como 0% y #3C3436 como 100%.

0.0%	0.0% #100B04	RGB 16 11 4	#100B04
16.7%	16.7% #170E08	RGB 23 14 8	#170E08
33.3%	33.3% #1E130D	RGB 30 19 13	#1E130D
50.0%	50.0% #261815	RGB 38 24 21	#261815
66.7%	66.7% #2D1E1D	RGB 45 30 29	#2D1E1D
83.3%	83.3% #342829	RGB 52 40 41	#342829
100.0%	100.0% #3C3436	RGB 60 52 54	#3C3436

#100B04 #170E08 #1E130D #261815 #2D1E1D #342829 #3C3436

#100B04 - #261815 - #3C3436

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100B04 0%, #261815 50%, #3C3436 100%);
    background: -webkit-linear-gradient(top, #100B04 0%, #261815 50%, #3C3436 100%);
    background: linear-gradient(to bottom, #100B04 0%, #261815 50%, #3C3436 100%);
}
</style>