#9C9C87 - #FFD59B | 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 #9C9C87 a #FFD59B

#9C9C87 #FFD59B

Calcule el color entre dos colores, #9C9C87 y #FFD59B. 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)

#9C9C87 - #FFD59B | 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 #9C9C87 como 0% y #FFD59B como 100%.

0.0%	0.0% #9C9C87	RGB 156 156 135	#9C9C87
16.7%	16.7% #ACA58A	RGB 172 165 138	#ACA58A
33.3%	33.3% #BDAF8D	RGB 189 175 141	#BDAF8D
50.0%	50.0% #CDB891	RGB 205 184 145	#CDB891
66.7%	66.7% #DEC294	RGB 222 194 148	#DEC294
83.3%	83.3% #EECB97	RGB 238 203 151	#EECB97
100.0%	100.0% #FFD59B	RGB 255 213 155	#FFD59B

#9C9C87 #ACA58A #BDAF8D #CDB891 #DEC294 #EECB97 #FFD59B

#9C9C87 - #FFD59B

Mezcla HSV

#9C9C87 - #FFD59B | 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 #9C9C87 como 0% y #FFD59B como 100%.

0.0%	0.0% #9C9C87	RGB 156 156 135	#9C9C87
16.7%	16.7% #ACAA8D	RGB 172 170 141	#ACAA8D
33.3%	33.3% #BDB793	RGB 189 183 147	#BDB793
50.0%	50.0% #CDC297	RGB 205 194 151	#CDC297
66.7%	66.7% #DECA99	RGB 222 202 153	#DECA99
83.3%	83.3% #EED19B	RGB 238 209 155	#EED19B
100.0%	100.0% #FFD59B	RGB 255 213 155	#FFD59B

#9C9C87 #ACAA8D #BDB793 #CDC297 #DECA99 #EED19B #FFD59B

#9C9C87 - #CDC297 - #FFD59B

Códigos CSS

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

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