#828D4E - #EECE74 | 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 #828D4E a #EECE74

#828D4E #EECE74

Calcule el color entre dos colores, #828D4E y #EECE74. 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)

#828D4E - #EECE74 | 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 #828D4E como 0% y #EECE74 como 100%.

0.0%	0.0% #828D4E	RGB 130 141 78	#828D4E
16.7%	16.7% #949754	RGB 148 151 84	#949754
33.3%	33.3% #A6A25A	RGB 166 162 90	#A6A25A
50.0%	50.0% #B8AD61	RGB 184 173 97	#B8AD61
66.7%	66.7% #CAB867	RGB 202 184 103	#CAB867
83.3%	83.3% #DCC36D	RGB 220 195 109	#DCC36D
100.0%	100.0% #EECE74	RGB 238 206 116	#EECE74

#828D4E #949754 #A6A25A #B8AD61 #CAB867 #DCC36D #EECE74

#828D4E - #EECE74

Mezcla HSV

#828D4E - #EECE74 | 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 #828D4E como 0% y #EECE74 como 100%.

0.0%	0.0% #828D4E	RGB 130 141 78	#828D4E
16.7%	16.7% #959D55	RGB 149 157 85	#959D55
33.3%	33.3% #AAAD5C	RGB 170 173 92	#AAAD5C
50.0%	50.0% #BDB962	RGB 189 185 98	#BDB962
66.7%	66.7% #CDC168	RGB 205 193 104	#CDC168
83.3%	83.3% #DDC86E	RGB 221 200 110	#DDC86E
100.0%	100.0% #EECE74	RGB 238 206 116	#EECE74

#828D4E #959D55 #AAAD5C #BDB962 #CDC168 #DDC86E #EECE74

#828D4E - #BDB962 - #EECE74

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828D4E 0%, #BDB962 50%, #EECE74 100%);
    background: -webkit-linear-gradient(top, #828D4E 0%, #BDB962 50%, #EECE74 100%);
    background: linear-gradient(to bottom, #828D4E 0%, #BDB962 50%, #EECE74 100%);
}
</style>