#5E482F - #CD8D50 | 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 #5E482F a #CD8D50

#5E482F #CD8D50

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

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

0.0%	0.0% #5E482F	RGB 94 72 47	#5E482F
16.7%	16.7% #705334	RGB 112 83 52	#705334
33.3%	33.3% #835F3A	RGB 131 95 58	#835F3A
50.0%	50.0% #956A3F	RGB 149 106 63	#956A3F
66.7%	66.7% #A87645	RGB 168 118 69	#A87645
83.3%	83.3% #BA814A	RGB 186 129 74	#BA814A
100.0%	100.0% #CD8D50	RGB 205 141 80	#CD8D50

#5E482F #705334 #835F3A #956A3F #A87645 #BA814A #CD8D50

#5E482F - #CD8D50

Mezcla HSV

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

0.0%	0.0% #5E482F	RGB 94 72 47	#5E482F
16.7%	16.7% #705436	RGB 112 84 54	#705436
33.3%	33.3% #83613C	RGB 131 97 60	#83613C
50.0%	50.0% #956C42	RGB 149 108 66	#956C42
66.7%	66.7% #A87847	RGB 168 120 71	#A87847
83.3%	83.3% #BA824C	RGB 186 130 76	#BA824C
100.0%	100.0% #CD8D50	RGB 205 141 80	#CD8D50

#5E482F #705436 #83613C #956C42 #A87847 #BA824C #CD8D50

#5E482F - #956C42 - #CD8D50

Códigos CSS

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

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