#5E3C3C - #C78465 | 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 #C78465

#5E3C3C #C78465

Calcule el color entre dos colores, #5E3C3C y #C78465. 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 - #C78465 | 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 #C78465 como 100%.

0.0%	0.0% #5E3C3C	RGB 94 60 60	#5E3C3C
16.7%	16.7% #6F4842	RGB 111 72 66	#6F4842
33.3%	33.3% #815449	RGB 129 84 73	#815449
50.0%	50.0% #926050	RGB 146 96 80	#926050
66.7%	66.7% #A46C57	RGB 164 108 87	#A46C57
83.3%	83.3% #B5785E	RGB 181 120 94	#B5785E
100.0%	100.0% #C78465	RGB 199 132 101	#C78465

#5E3C3C #6F4842 #815449 #926050 #A46C57 #B5785E #C78465

#5E3C3C - #C78465

Mezcla HSV

#5E3C3C - #C78465 | 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 #C78465 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% #B57660	RGB 181 118 96	#B57660
100.0%	100.0% #C78465	RGB 199 132 101	#C78465

#5E3C3C #6F4644 #81524C #925D53 #A4695A #B57660 #C78465

#5E3C3C - #925D53 - #C78465

Códigos CSS

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

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