#DA5E54 - #A82016 | 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 #DA5E54 a #A82016

#DA5E54 #A82016

Calcule el color entre dos colores, #DA5E54 y #A82016. 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)

#DA5E54 - #A82016 | 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 #DA5E54 como 0% y #A82016 como 100%.

0.0%	0.0% #DA5E54	RGB 218 94 84	#DA5E54
16.7%	16.7% #D15349	RGB 209 83 73	#D15349
33.3%	33.3% #C9493F	RGB 201 73 63	#C9493F
50.0%	50.0% #C13F35	RGB 193 63 53	#C13F35
66.7%	66.7% #B8342A	RGB 184 52 42	#B8342A
83.3%	83.3% #B02A20	RGB 176 42 32	#B02A20
100.0%	100.0% #A82016	RGB 168 32 22	#A82016

#DA5E54 #D15349 #C9493F #C13F35 #B8342A #B02A20 #A82016

#DA5E54 - #A82016

Mezcla HSV

#DA5E54 - #A82016 | 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 #DA5E54 como 0% y #A82016 como 100%.

0.0%	0.0% #DA5E54	RGB 218 94 84	#DA5E54
16.7%	16.7% #D15247	RGB 209 82 71	#D15247
33.3%	33.3% #C9463C	RGB 201 70 60	#C9463C
50.0%	50.0% #C13C31	RGB 193 60 49	#C13C31
66.7%	66.7% #B83227	RGB 184 50 39	#B83227
83.3%	83.3% #B0281E	RGB 176 40 30	#B0281E
100.0%	100.0% #A82016	RGB 168 32 22	#A82016

#DA5E54 #D15247 #C9463C #C13C31 #B83227 #B0281E #A82016

#DA5E54 - #C13C31 - #A82016

Códigos CSS

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

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