#5E493D - #D1CBC7 | 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 #5E493D a #D1CBC7

#5E493D #D1CBC7

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

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

0.0%	0.0% #5E493D	RGB 94 73 61	#5E493D
16.7%	16.7% #715E54	RGB 113 94 84	#715E54
33.3%	33.3% #84746B	RGB 132 116 107	#84746B
50.0%	50.0% #978A82	RGB 151 138 130	#978A82
66.7%	66.7% #AA9F99	RGB 170 159 153	#AA9F99
83.3%	83.3% #BDB5B0	RGB 189 181 176	#BDB5B0
100.0%	100.0% #D1CBC7	RGB 209 203 199	#D1CBC7

#5E493D #715E54 #84746B #978A82 #AA9F99 #BDB5B0 #D1CBC7

#5E493D - #D1CBC7

Mezcla HSV

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

0.0%	0.0% #5E493D	RGB 94 73 61	#5E493D
16.7%	16.7% #715B4F	RGB 113 91 79	#715B4F
33.3%	33.3% #846F63	RGB 132 111 99	#846F63
50.0%	50.0% #978479	RGB 151 132 121	#978479
66.7%	66.7% #AA9B91	RGB 170 155 145	#AA9B91
83.3%	83.3% #BDB2AB	RGB 189 178 171	#BDB2AB
100.0%	100.0% #D1CBC7	RGB 209 203 199	#D1CBC7

#5E493D #715B4F #846F63 #978479 #AA9B91 #BDB2AB #D1CBC7

#5E493D - #978479 - #D1CBC7

Códigos CSS

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

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