#5E5E10 - #D1D1BA | 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 #5E5E10 a #D1D1BA

#5E5E10 #D1D1BA

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

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

0.0%	0.0% #5E5E10	RGB 94 94 16	#5E5E10
16.7%	16.7% #71712C	RGB 113 113 44	#71712C
33.3%	33.3% #848448	RGB 132 132 72	#848448
50.0%	50.0% #979765	RGB 151 151 101	#979765
66.7%	66.7% #AAAA81	RGB 170 170 129	#AAAA81
83.3%	83.3% #BDBD9D	RGB 189 189 157	#BDBD9D
100.0%	100.0% #D1D1BA	RGB 209 209 186	#D1D1BA

#5E5E10 #71712C #848448 #979765 #AAAA81 #BDBD9D #D1D1BA

#5E5E10 - #D1D1BA

Mezcla HSV

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

0.0%	0.0% #5E5E0F	RGB 94 94 15	#5E5E0F
16.7%	16.7% #717120	RGB 113 113 32	#717120
33.3%	33.3% #848436	RGB 132 132 54	#848436
50.0%	50.0% #979750	RGB 151 151 80	#979750
66.7%	66.7% #AAAA6E	RGB 170 170 110	#AAAA6E
83.3%	83.3% #BDBD92	RGB 189 189 146	#BDBD92
100.0%	100.0% #D1D1BA	RGB 209 209 186	#D1D1BA

#5E5E0F #717120 #848436 #979750 #AAAA6E #BDBD92 #D1D1BA

#5E5E10 - #979750 - #D1D1BA

Códigos CSS

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

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