#5E4A2D - #CE8F4D | 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 #5E4A2D a #CE8F4D

#5E4A2D #CE8F4D

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

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

0.0%	0.0% #5E4A2D	RGB 94 74 45	#5E4A2D
16.7%	16.7% #705532	RGB 112 85 50	#705532
33.3%	33.3% #836137	RGB 131 97 55	#836137
50.0%	50.0% #966C3D	RGB 150 108 61	#966C3D
66.7%	66.7% #A87842	RGB 168 120 66	#A87842
83.3%	83.3% #BB8347	RGB 187 131 71	#BB8347
100.0%	100.0% #CE8F4D	RGB 206 143 77	#CE8F4D

#5E4A2D #705532 #836137 #966C3D #A87842 #BB8347 #CE8F4D

#5E4A2D - #CE8F4D

Mezcla HSV

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

0.0%	0.0% #5E4A2D	RGB 94 74 45	#5E4A2D
16.7%	16.7% #705733	RGB 112 87 51	#705733
33.3%	33.3% #83633A	RGB 131 99 58	#83633A
50.0%	50.0% #966F3F	RGB 150 111 63	#966F3F
66.7%	66.7% #A87A44	RGB 168 122 68	#A87A44
83.3%	83.3% #BB8549	RGB 187 133 73	#BB8549
100.0%	100.0% #CE8F4D	RGB 206 143 77	#CE8F4D

#5E4A2D #705733 #83633A #966F3F #A87A44 #BB8549 #CE8F4D

#5E4A2D - #966F3F - #CE8F4D

Códigos CSS

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

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