#5E5E41 - #423709 | 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 #5E5E41 a #423709

#5E5E41 #423709

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

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

0.0%	0.0% #5E5E41	RGB 94 94 65	#5E5E41
16.7%	16.7% #595737	RGB 89 87 55	#595737
33.3%	33.3% #54512E	RGB 84 81 46	#54512E
50.0%	50.0% #504A25	RGB 80 74 37	#504A25
66.7%	66.7% #4B441B	RGB 75 68 27	#4B441B
83.3%	83.3% #463D12	RGB 70 61 18	#463D12
100.0%	100.0% #423709	RGB 66 55 9	#423709

#5E5E41 #595737 #54512E #504A25 #4B441B #463D12 #423709

#5E5E41 - #423709

Mezcla HSV

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

0.0%	0.0% #5E5E41	RGB 94 94 65	#5E5E41
16.7%	16.7% #595835	RGB 89 88 53	#595835
33.3%	33.3% #54512A	RGB 84 81 42	#54512A
50.0%	50.0% #504B21	RGB 80 75 33	#504B21
66.7%	66.7% #4B4418	RGB 75 68 24	#4B4418
83.3%	83.3% #463D10	RGB 70 61 16	#463D10
100.0%	100.0% #423709	RGB 66 55 9	#423709

#5E5E41 #595835 #54512A #504B21 #4B4418 #463D10 #423709

#5E5E41 - #504B21 - #423709

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E41 0%, #504B21 50%, #423709 100%);
    background: -webkit-linear-gradient(top, #5E5E41 0%, #504B21 50%, #423709 100%);
    background: linear-gradient(to bottom, #5E5E41 0%, #504B21 50%, #423709 100%);
}
</style>