#5E433D - #D1C9C7 | 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 #5E433D a #D1C9C7

#5E433D #D1C9C7

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

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

0.0%	0.0% #5E433D	RGB 94 67 61	#5E433D
16.7%	16.7% #715954	RGB 113 89 84	#715954
33.3%	33.3% #846F6B	RGB 132 111 107	#846F6B
50.0%	50.0% #978682	RGB 151 134 130	#978682
66.7%	66.7% #AA9C99	RGB 170 156 153	#AA9C99
83.3%	83.3% #BDB2B0	RGB 189 178 176	#BDB2B0
100.0%	100.0% #D1C9C7	RGB 209 201 199	#D1C9C7

#5E433D #715954 #846F6B #978682 #AA9C99 #BDB2B0 #D1C9C7

#5E433D - #D1C9C7

Mezcla HSV

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

0.0%	0.0% #5E433D	RGB 94 67 61	#5E433D
16.7%	16.7% #71554F	RGB 113 85 79	#71554F
33.3%	33.3% #846963	RGB 132 105 99	#846963
50.0%	50.0% #977F79	RGB 151 127 121	#977F79
66.7%	66.7% #AA9691	RGB 170 150 145	#AA9691
83.3%	83.3% #BDAEAB	RGB 189 174 171	#BDAEAB
100.0%	100.0% #D1C9C7	RGB 209 201 199	#D1C9C7

#5E433D #71554F #846963 #977F79 #AA9691 #BDAEAB #D1C9C7

#5E433D - #977F79 - #D1C9C7

Códigos CSS

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

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