#855D5D - #ECAA82 | 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 #855D5D a #ECAA82

#855D5D #ECAA82

Calcule el color entre dos colores, #855D5D y #ECAA82. 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)

#855D5D - #ECAA82 | 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 #855D5D como 0% y #ECAA82 como 100%.

0.0%	0.0% #855D5D	RGB 133 93 93	#855D5D
16.7%	16.7% #966963	RGB 150 105 99	#966963
33.3%	33.3% #A77669	RGB 167 118 105	#A77669
50.0%	50.0% #B8836F	RGB 184 131 111	#B8836F
66.7%	66.7% #C99075	RGB 201 144 117	#C99075
83.3%	83.3% #DA9D7B	RGB 218 157 123	#DA9D7B
100.0%	100.0% #ECAA82	RGB 236 170 130	#ECAA82

#855D5D #966963 #A77669 #B8836F #C99075 #DA9D7B #ECAA82

#855D5D - #ECAA82

Mezcla HSV

#855D5D - #ECAA82 | 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 #855D5D como 0% y #ECAA82 como 100%.

0.0%	0.0% #855D5D	RGB 133 93 93	#855D5D
16.7%	16.7% #966865	RGB 150 104 101	#966865
33.3%	33.3% #A7746C	RGB 167 116 108	#A7746C
50.0%	50.0% #B88073	RGB 184 128 115	#B88073
66.7%	66.7% #C98D79	RGB 201 141 121	#C98D79
83.3%	83.3% #DA9B7D	RGB 218 155 125	#DA9B7D
100.0%	100.0% #ECAA82	RGB 236 170 130	#ECAA82

#855D5D #966865 #A7746C #B88073 #C98D79 #DA9B7D #ECAA82

#855D5D - #B88073 - #ECAA82

Códigos CSS

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

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