#5E4A45 - #CF946D | 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 #5E4A45 a #CF946D

#5E4A45 #CF946D

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

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

0.0%	0.0% #5E4A45	RGB 94 74 69	#5E4A45
16.7%	16.7% #70564B	RGB 112 86 75	#70564B
33.3%	33.3% #836252	RGB 131 98 82	#836252
50.0%	50.0% #966F59	RGB 150 111 89	#966F59
66.7%	66.7% #A97B5F	RGB 169 123 95	#A97B5F
83.3%	83.3% #BC8766	RGB 188 135 102	#BC8766
100.0%	100.0% #CF946D	RGB 207 148 109	#CF946D

#5E4A45 #70564B #836252 #966F59 #A97B5F #BC8766 #CF946D

#5E4A45 - #CF946D

Mezcla HSV

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

0.0%	0.0% #5E4A45	RGB 94 74 69	#5E4A45
16.7%	16.7% #70564E	RGB 112 86 78	#70564E
33.3%	33.3% #836357	RGB 131 99 87	#836357
50.0%	50.0% #966F5E	RGB 150 111 94	#966F5E
66.7%	66.7% #A97B64	RGB 169 123 100	#A97B64
83.3%	83.3% #BC8769	RGB 188 135 105	#BC8769
100.0%	100.0% #CF946D	RGB 207 148 109	#CF946D

#5E4A45 #70564E #836357 #966F5E #A97B64 #BC8769 #CF946D

#5E4A45 - #966F5E - #CF946D

Códigos CSS

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

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