#5E483D - #CD9063 | 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 #5E483D a #CD9063

#5E483D #CD9063

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

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

0.0%	0.0% #5E483D	RGB 94 72 61	#5E483D
16.7%	16.7% #705443	RGB 112 84 67	#705443
33.3%	33.3% #836049	RGB 131 96 73	#836049
50.0%	50.0% #956C50	RGB 149 108 80	#956C50
66.7%	66.7% #A87856	RGB 168 120 86	#A87856
83.3%	83.3% #BA845C	RGB 186 132 92	#BA845C
100.0%	100.0% #CD9063	RGB 205 144 99	#CD9063

#5E483D #705443 #836049 #956C50 #A87856 #BA845C #CD9063

#5E483D - #CD9063

Mezcla HSV

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

0.0%	0.0% #5E483D	RGB 94 72 61	#5E483D
16.7%	16.7% #705445	RGB 112 84 69	#705445
33.3%	33.3% #83614D	RGB 131 97 77	#83614D
50.0%	50.0% #956D54	RGB 149 109 84	#956D54
66.7%	66.7% #A8795A	RGB 168 121 90	#A8795A
83.3%	83.3% #BA845F	RGB 186 132 95	#BA845F
100.0%	100.0% #CD9063	RGB 205 144 99	#CD9063

#5E483D #705445 #83614D #956D54 #A8795A #BA845F #CD9063

#5E483D - #956D54 - #CD9063

Códigos CSS

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

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