#5E1B05 - #AF4D19 | 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 #5E1B05 a #AF4D19

#5E1B05 #AF4D19

Calcule el color entre dos colores, #5E1B05 y #AF4D19. 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)

#5E1B05 - #AF4D19 | 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 #5E1B05 como 0% y #AF4D19 como 100%.

0.0%	0.0% #5E1B05	RGB 94 27 5	#5E1B05
16.7%	16.7% #6B2308	RGB 107 35 8	#6B2308
33.3%	33.3% #792B0B	RGB 121 43 11	#792B0B
50.0%	50.0% #86340F	RGB 134 52 15	#86340F
66.7%	66.7% #943C12	RGB 148 60 18	#943C12
83.3%	83.3% #A14415	RGB 161 68 21	#A14415
100.0%	100.0% #AF4D19	RGB 175 77 25	#AF4D19

#5E1B05 #6B2308 #792B0B #86340F #943C12 #A14415 #AF4D19

#5E1B05 - #AF4D19

Mezcla HSV

#5E1B05 - #AF4D19 | 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 #5E1B05 como 0% y #AF4D19 como 100%.

0.0%	0.0% #5E1B04	RGB 94 27 4	#5E1B04
16.7%	16.7% #6B2107	RGB 107 33 7	#6B2107
33.3%	33.3% #79290A	RGB 121 41 10	#79290A
50.0%	50.0% #86310D	RGB 134 49 13	#86310D
66.7%	66.7% #943910	RGB 148 57 16	#943910
83.3%	83.3% #A14314	RGB 161 67 20	#A14314
100.0%	100.0% #AF4D19	RGB 175 77 25	#AF4D19

#5E1B04 #6B2107 #79290A #86310D #943910 #A14314 #AF4D19

#5E1B05 - #86310D - #AF4D19

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1B04 0%, #86310D 50%, #AF4D19 100%);
    background: -webkit-linear-gradient(top, #5E1B04 0%, #86310D 50%, #AF4D19 100%);
    background: linear-gradient(to bottom, #5E1B04 0%, #86310D 50%, #AF4D19 100%);
}
</style>