#5E3D2E - #C78151 | 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 #5E3D2E a #C78151

#5E3D2E #C78151

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

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

0.0%	0.0% #5E3D2E	RGB 94 61 46	#5E3D2E
16.7%	16.7% #6F4833	RGB 111 72 51	#6F4833
33.3%	33.3% #815339	RGB 129 83 57	#815339
50.0%	50.0% #925F3F	RGB 146 95 63	#925F3F
66.7%	66.7% #A46A45	RGB 164 106 69	#A46A45
83.3%	83.3% #B5754B	RGB 181 117 75	#B5754B
100.0%	100.0% #C78151	RGB 199 129 81	#C78151

#5E3D2E #6F4833 #815339 #925F3F #A46A45 #B5754B #C78151

#5E3D2E - #C78151

Mezcla HSV

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

0.0%	0.0% #5E3D2E	RGB 94 61 46	#5E3D2E
16.7%	16.7% #6F4835	RGB 111 72 53	#6F4835
33.3%	33.3% #81533B	RGB 129 83 59	#81533B
50.0%	50.0% #925E41	RGB 146 94 65	#925E41
66.7%	66.7% #A46A47	RGB 164 106 71	#A46A47
83.3%	83.3% #B5754C	RGB 181 117 76	#B5754C
100.0%	100.0% #C78151	RGB 199 129 81	#C78151

#5E3D2E #6F4835 #81533B #925E41 #A46A47 #B5754C #C78151

#5E3D2E - #925E41 - #C78151

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D2E 0%, #925E41 50%, #C78151 100%);
    background: -webkit-linear-gradient(top, #5E3D2E 0%, #925E41 50%, #C78151 100%);
    background: linear-gradient(to bottom, #5E3D2E 0%, #925E41 50%, #C78151 100%);
}
</style>