#5E3C3C - #C78365 | 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 #5E3C3C a #C78365

#5E3C3C #C78365

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

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

0.0%	0.0% #5E3C3C	RGB 94 60 60	#5E3C3C
16.7%	16.7% #6F4742	RGB 111 71 66	#6F4742
33.3%	33.3% #815349	RGB 129 83 73	#815349
50.0%	50.0% #925F50	RGB 146 95 80	#925F50
66.7%	66.7% #A46B57	RGB 164 107 87	#A46B57
83.3%	83.3% #B5775E	RGB 181 119 94	#B5775E
100.0%	100.0% #C78365	RGB 199 131 101	#C78365

#5E3C3C #6F4742 #815349 #925F50 #A46B57 #B5775E #C78365

#5E3C3C - #C78365

Mezcla HSV

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

0.0%	0.0% #5E3C3C	RGB 94 60 60	#5E3C3C
16.7%	16.7% #6F4644	RGB 111 70 68	#6F4644
33.3%	33.3% #81524C	RGB 129 82 76	#81524C
50.0%	50.0% #925D53	RGB 146 93 83	#925D53
66.7%	66.7% #A4695A	RGB 164 105 90	#A4695A
83.3%	83.3% #B57560	RGB 181 117 96	#B57560
100.0%	100.0% #C78365	RGB 199 131 101	#C78365

#5E3C3C #6F4644 #81524C #925D53 #A4695A #B57560 #C78365

#5E3C3C - #925D53 - #C78365

Códigos CSS

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

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