#3E1611 - #300B05 | 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 #3E1611 a #300B05

#3E1611 #300B05

Calcule el color entre dos colores, #3E1611 y #300B05. 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)

#3E1611 - #300B05 | 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 #3E1611 como 0% y #300B05 como 100%.

0.0%	0.0% #3E1611	RGB 62 22 17	#3E1611
16.7%	16.7% #3B140F	RGB 59 20 15	#3B140F
33.3%	33.3% #39120D	RGB 57 18 13	#39120D
50.0%	50.0% #37100B	RGB 55 16 11	#37100B
66.7%	66.7% #340E09	RGB 52 14 9	#340E09
83.3%	83.3% #320C07	RGB 50 12 7	#320C07
100.0%	100.0% #300B05	RGB 48 11 5	#300B05

#3E1611 #3B140F #39120D #37100B #340E09 #320C07 #300B05

#3E1611 - #300B05

Mezcla HSV

#3E1611 - #300B05 | 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 #3E1611 como 0% y #300B05 como 100%.

0.0%	0.0% #3E1610	RGB 62 22 16	#3E1610
16.7%	16.7% #3B130E	RGB 59 19 14	#3B130E
33.3%	33.3% #39110C	RGB 57 17 12	#39110C
50.0%	50.0% #370F0A	RGB 55 15 10	#370F0A
66.7%	66.7% #340E08	RGB 52 14 8	#340E08
83.3%	83.3% #320C06	RGB 50 12 6	#320C06
100.0%	100.0% #300B05	RGB 48 11 5	#300B05

#3E1610 #3B130E #39110C #370F0A #340E08 #320C06 #300B05

#3E1611 - #370F0A - #300B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1610 0%, #370F0A 50%, #300B05 100%);
    background: -webkit-linear-gradient(top, #3E1610 0%, #370F0A 50%, #300B05 100%);
    background: linear-gradient(to bottom, #3E1610 0%, #370F0A 50%, #300B05 100%);
}
</style>