#5E3E49 - #CFB58A | 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 #5E3E49 a #CFB58A

#5E3E49 #CFB58A

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

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

0.0%	0.0% #5E3E49	RGB 94 62 73	#5E3E49
16.7%	16.7% #705153	RGB 112 81 83	#705153
33.3%	33.3% #83655E	RGB 131 101 94	#83655E
50.0%	50.0% #967969	RGB 150 121 105	#967969
66.7%	66.7% #A98D74	RGB 169 141 116	#A98D74
83.3%	83.3% #BCA17F	RGB 188 161 127	#BCA17F
100.0%	100.0% #CFB58A	RGB 207 181 138	#CFB58A

#5E3E49 #705153 #83655E #967969 #A98D74 #BCA17F #CFB58A

#5E3E49 - #CFB58A

Mezcla HSV

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

0.0%	0.0% #5E3E49	RGB 94 62 73	#5E3E49
16.7%	16.7% #704A51	RGB 112 74 81	#704A51
33.3%	33.3% #835758	RGB 131 87 88	#835758
50.0%	50.0% #966A63	RGB 150 106 99	#966A63
66.7%	66.7% #A98170	RGB 169 129 112	#A98170
83.3%	83.3% #BC9A7D	RGB 188 154 125	#BC9A7D
100.0%	100.0% #CFB58A	RGB 207 181 138	#CFB58A

#5E3E49 #704A51 #835758 #966A63 #A98170 #BC9A7D #CFB58A

#5E3E49 - #966A63 - #CFB58A

Códigos CSS

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

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