#671F00 - #AD6C5E | 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 #671F00 a #AD6C5E

#671F00 #AD6C5E

Calcule el color entre dos colores, #671F00 y #AD6C5E. 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)

#671F00 - #AD6C5E | 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 #671F00 como 0% y #AD6C5E como 100%.

0.0%	0.0% #671F00	RGB 103 31 0	#671F00
16.7%	16.7% #722B0F	RGB 114 43 15	#722B0F
33.3%	33.3% #7E381F	RGB 126 56 31	#7E381F
50.0%	50.0% #8A452F	RGB 138 69 47	#8A452F
66.7%	66.7% #95523E	RGB 149 82 62	#95523E
83.3%	83.3% #A15F4E	RGB 161 95 78	#A15F4E
100.0%	100.0% #AD6C5E	RGB 173 108 94	#AD6C5E

#671F00 #722B0F #7E381F #8A452F #95523E #A15F4E #AD6C5E

#671F00 - #AD6C5E

Mezcla HSV

#671F00 - #AD6C5E | 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 #671F00 como 0% y #AD6C5E como 100%.

0.0%	0.0% #671F00	RGB 103 31 0	#671F00
16.7%	16.7% #72270A	RGB 114 39 10	#72270A
33.3%	33.3% #7E3116	RGB 126 49 22	#7E3116
50.0%	50.0% #8A3D25	RGB 138 61 37	#8A3D25
66.7%	66.7% #954B36	RGB 149 75 54	#954B36
83.3%	83.3% #A15A49	RGB 161 90 73	#A15A49
100.0%	100.0% #AD6C5E	RGB 173 108 94	#AD6C5E

#671F00 #72270A #7E3116 #8A3D25 #954B36 #A15A49 #AD6C5E

#671F00 - #8A3D25 - #AD6C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
    background: -webkit-linear-gradient(top, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
    background: linear-gradient(to bottom, #671F00 0%, #8A3D25 50%, #AD6C5E 100%);
}
</style>