#5E473C - #CD8F61 | 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 #5E473C a #CD8F61

#5E473C #CD8F61

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

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

0.0%	0.0% #5E473C	RGB 94 71 60	#5E473C
16.7%	16.7% #705342	RGB 112 83 66	#705342
33.3%	33.3% #835F48	RGB 131 95 72	#835F48
50.0%	50.0% #956B4E	RGB 149 107 78	#956B4E
66.7%	66.7% #A87754	RGB 168 119 84	#A87754
83.3%	83.3% #BA835A	RGB 186 131 90	#BA835A
100.0%	100.0% #CD8F61	RGB 205 143 97	#CD8F61

#5E473C #705342 #835F48 #956B4E #A87754 #BA835A #CD8F61

#5E473C - #CD8F61

Mezcla HSV

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

0.0%	0.0% #5E473C	RGB 94 71 60	#5E473C
16.7%	16.7% #705344	RGB 112 83 68	#705344
33.3%	33.3% #835F4C	RGB 131 95 76	#835F4C
50.0%	50.0% #956B53	RGB 149 107 83	#956B53
66.7%	66.7% #A87758	RGB 168 119 88	#A87758
83.3%	83.3% #BA835D	RGB 186 131 93	#BA835D
100.0%	100.0% #CD8F61	RGB 205 143 97	#CD8F61

#5E473C #705344 #835F4C #956B53 #A87758 #BA835D #CD8F61

#5E473C - #956B53 - #CD8F61

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E473C 0%, #956B53 50%, #CD8F61 100%);
    background: -webkit-linear-gradient(top, #5E473C 0%, #956B53 50%, #CD8F61 100%);
    background: linear-gradient(to bottom, #5E473C 0%, #956B53 50%, #CD8F61 100%);
}
</style>