#5E3D3C - #D1C7C7 | 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 #5E3D3C a #D1C7C7

#5E3D3C #D1C7C7

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

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

0.0%	0.0% #5E3D3C	RGB 94 61 60	#5E3D3C
16.7%	16.7% #715453	RGB 113 84 83	#715453
33.3%	33.3% #846B6A	RGB 132 107 106	#846B6A
50.0%	50.0% #978281	RGB 151 130 129	#978281
66.7%	66.7% #AA9998	RGB 170 153 152	#AA9998
83.3%	83.3% #BDB0AF	RGB 189 176 175	#BDB0AF
100.0%	100.0% #D1C7C7	RGB 209 199 199	#D1C7C7

#5E3D3C #715453 #846B6A #978281 #AA9998 #BDB0AF #D1C7C7

#5E3D3C - #D1C7C7

Mezcla HSV

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

0.0%	0.0% #5E3D3C	RGB 94 61 60	#5E3D3C
16.7%	16.7% #714F4E	RGB 113 79 78	#714F4E
33.3%	33.3% #846262	RGB 132 98 98	#846262
50.0%	50.0% #977878	RGB 151 120 120	#977878
66.7%	66.7% #AA9090	RGB 170 144 144	#AA9090
83.3%	83.3% #BDAAAA	RGB 189 170 170	#BDAAAA
100.0%	100.0% #D1C7C7	RGB 209 199 199	#D1C7C7

#5E3D3C #714F4E #846262 #977878 #AA9090 #BDAAAA #D1C7C7

#5E3D3C - #977878 - #D1C7C7

Códigos CSS

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

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