#848D50 - #EECE76 | 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 #848D50 a #EECE76

#848D50 #EECE76

Calcule el color entre dos colores, #848D50 y #EECE76. 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)

#848D50 - #EECE76 | 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 #848D50 como 0% y #EECE76 como 100%.

0.0%	0.0% #848D50	RGB 132 141 80	#848D50
16.7%	16.7% #959756	RGB 149 151 86	#959756
33.3%	33.3% #A7A25C	RGB 167 162 92	#A7A25C
50.0%	50.0% #B9AD63	RGB 185 173 99	#B9AD63
66.7%	66.7% #CAB869	RGB 202 184 105	#CAB869
83.3%	83.3% #DCC36F	RGB 220 195 111	#DCC36F
100.0%	100.0% #EECE76	RGB 238 206 118	#EECE76

#848D50 #959756 #A7A25C #B9AD63 #CAB869 #DCC36F #EECE76

#848D50 - #EECE76

Mezcla HSV

#848D50 - #EECE76 | 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 #848D50 como 0% y #EECE76 como 100%.

0.0%	0.0% #848D50	RGB 132 141 80	#848D50
16.7%	16.7% #979D57	RGB 151 157 87	#979D57
33.3%	33.3% #ACAD5E	RGB 172 173 94	#ACAD5E
50.0%	50.0% #BDB864	RGB 189 184 100	#BDB864
66.7%	66.7% #CDC06A	RGB 205 192 106	#CDC06A
83.3%	83.3% #DDC870	RGB 221 200 112	#DDC870
100.0%	100.0% #EECE76	RGB 238 206 118	#EECE76

#848D50 #979D57 #ACAD5E #BDB864 #CDC06A #DDC870 #EECE76

#848D50 - #BDB864 - #EECE76

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848D50 0%, #BDB864 50%, #EECE76 100%);
    background: -webkit-linear-gradient(top, #848D50 0%, #BDB864 50%, #EECE76 100%);
    background: linear-gradient(to bottom, #848D50 0%, #BDB864 50%, #EECE76 100%);
}
</style>