#5E2D3E - #D1C3C9 | 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 #5E2D3E a #D1C3C9

#5E2D3E #D1C3C9

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

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

0.0%	0.0% #5E2D3E	RGB 94 45 62	#5E2D3E
16.7%	16.7% #714655	RGB 113 70 85	#714655
33.3%	33.3% #845F6C	RGB 132 95 108	#845F6C
50.0%	50.0% #977883	RGB 151 120 131	#977883
66.7%	66.7% #AA919A	RGB 170 145 154	#AA919A
83.3%	83.3% #BDAAB1	RGB 189 170 177	#BDAAB1
100.0%	100.0% #D1C3C9	RGB 209 195 201	#D1C3C9

#5E2D3E #714655 #845F6C #977883 #AA919A #BDAAB1 #D1C3C9

#5E2D3E - #D1C3C9

Mezcla HSV

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

0.0%	0.0% #5E2D3E	RGB 94 45 62	#5E2D3E
16.7%	16.7% #713E50	RGB 113 62 80	#713E50
33.3%	33.3% #845365	RGB 132 83 101	#845365
50.0%	50.0% #976A7C	RGB 151 106 124	#976A7C
66.7%	66.7% #AA8594	RGB 170 133 148	#AA8594
83.3%	83.3% #BDA2AD	RGB 189 162 173	#BDA2AD
100.0%	100.0% #D1C3C9	RGB 209 195 201	#D1C3C9

#5E2D3E #713E50 #845365 #976A7C #AA8594 #BDA2AD #D1C3C9

#5E2D3E - #976A7C - #D1C3C9

Códigos CSS

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

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