#725E55 - #E4A879 | 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 #725E55 a #E4A879

#725E55 #E4A879

Calcule el color entre dos colores, #725E55 y #E4A879. 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)

#725E55 - #E4A879 | 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 #725E55 como 0% y #E4A879 como 100%.

0.0%	0.0% #725E55	RGB 114 94 85	#725E55
16.7%	16.7% #856A5B	RGB 133 106 91	#856A5B
33.3%	33.3% #987661	RGB 152 118 97	#987661
50.0%	50.0% #AB8367	RGB 171 131 103	#AB8367
66.7%	66.7% #BE8F6D	RGB 190 143 109	#BE8F6D
83.3%	83.3% #D19B73	RGB 209 155 115	#D19B73
100.0%	100.0% #E4A879	RGB 228 168 121	#E4A879

#725E55 #856A5B #987661 #AB8367 #BE8F6D #D19B73 #E4A879

#725E55 - #E4A879

Mezcla HSV

#725E55 - #E4A879 | 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 #725E55 como 0% y #E4A879 como 100%.

0.0%	0.0% #725E55	RGB 114 94 85	#725E55
16.7%	16.7% #856B5E	RGB 133 107 94	#856B5E
33.3%	33.3% #987766	RGB 152 119 102	#987766
50.0%	50.0% #AB846D	RGB 171 132 109	#AB846D
66.7%	66.7% #BE9072	RGB 190 144 114	#BE9072
83.3%	83.3% #D19C76	RGB 209 156 118	#D19C76
100.0%	100.0% #E4A879	RGB 228 168 121	#E4A879

#725E55 #856B5E #987766 #AB846D #BE9072 #D19C76 #E4A879

#725E55 - #AB846D - #E4A879

Códigos CSS

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

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