#5E5E40 - #D9A45E | 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 #5E5E40 a #D9A45E

#5E5E40 #D9A45E

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

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

0.0%	0.0% #5E5E40	RGB 94 94 64	#5E5E40
16.7%	16.7% #726945	RGB 114 105 69	#726945
33.3%	33.3% #87754A	RGB 135 117 74	#87754A
50.0%	50.0% #9B814F	RGB 155 129 79	#9B814F
66.7%	66.7% #B08C54	RGB 176 140 84	#B08C54
83.3%	83.3% #C49859	RGB 196 152 89	#C49859
100.0%	100.0% #D9A45E	RGB 217 164 94	#D9A45E

#5E5E40 #726945 #87754A #9B814F #B08C54 #C49859 #D9A45E

#5E5E40 - #D9A45E

Mezcla HSV

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

0.0%	0.0% #5E5E40	RGB 94 94 64	#5E5E40
16.7%	16.7% #726F49	RGB 114 111 73	#726F49
33.3%	33.3% #877F50	RGB 135 127 80	#877F50
50.0%	50.0% #9B8C56	RGB 155 140 86	#9B8C56
66.7%	66.7% #B0975A	RGB 176 151 90	#B0975A
83.3%	83.3% #C49F5D	RGB 196 159 93	#C49F5D
100.0%	100.0% #D9A45E	RGB 217 164 94	#D9A45E

#5E5E40 #726F49 #877F50 #9B8C56 #B0975A #C49F5D #D9A45E

#5E5E40 - #9B8C56 - #D9A45E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E40 0%, #9B8C56 50%, #D9A45E 100%);
    background: -webkit-linear-gradient(top, #5E5E40 0%, #9B8C56 50%, #D9A45E 100%);
    background: linear-gradient(to bottom, #5E5E40 0%, #9B8C56 50%, #D9A45E 100%);
}
</style>