#868D5C - #ECCF80 | 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 #868D5C a #ECCF80

#868D5C #ECCF80

Calcule el color entre dos colores, #868D5C y #ECCF80. 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)

#868D5C - #ECCF80 | 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 #868D5C como 0% y #ECCF80 como 100%.

0.0%	0.0% #868D5C	RGB 134 141 92	#868D5C
16.7%	16.7% #979862	RGB 151 152 98	#979862
33.3%	33.3% #A8A368	RGB 168 163 104	#A8A368
50.0%	50.0% #B9AE6E	RGB 185 174 110	#B9AE6E
66.7%	66.7% #CAB974	RGB 202 185 116	#CAB974
83.3%	83.3% #DBC47A	RGB 219 196 122	#DBC47A
100.0%	100.0% #ECCF80	RGB 236 207 128	#ECCF80

#868D5C #979862 #A8A368 #B9AE6E #CAB974 #DBC47A #ECCF80

#868D5C - #ECCF80

Mezcla HSV

#868D5C - #ECCF80 | 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 #868D5C como 0% y #ECCF80 como 100%.

0.0%	0.0% #868D5C	RGB 134 141 92	#868D5C
16.7%	16.7% #989C63	RGB 152 156 99	#989C63
33.3%	33.3% #ACAC6A	RGB 172 172 106	#ACAC6A
50.0%	50.0% #BCB770	RGB 188 183 112	#BCB770
66.7%	66.7% #CCC176	RGB 204 193 118	#CCC176
83.3%	83.3% #DCC87B	RGB 220 200 123	#DCC87B
100.0%	100.0% #ECCF80	RGB 236 207 128	#ECCF80

#868D5C #989C63 #ACAC6A #BCB770 #CCC176 #DCC87B #ECCF80

#868D5C - #BCB770 - #ECCF80

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868D5C 0%, #BCB770 50%, #ECCF80 100%);
    background: -webkit-linear-gradient(top, #868D5C 0%, #BCB770 50%, #ECCF80 100%);
    background: linear-gradient(to bottom, #868D5C 0%, #BCB770 50%, #ECCF80 100%);
}
</style>