#9F9585 - #FFD39F | 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 #9F9585 a #FFD39F

#9F9585 #FFD39F

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

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

0.0%	0.0% #9F9585	RGB 159 149 133	#9F9585
16.7%	16.7% #AF9F89	RGB 175 159 137	#AF9F89
33.3%	33.3% #BFA98D	RGB 191 169 141	#BFA98D
50.0%	50.0% #CFB492	RGB 207 180 146	#CFB492
66.7%	66.7% #DFBE96	RGB 223 190 150	#DFBE96
83.3%	83.3% #EFC89A	RGB 239 200 154	#EFC89A
100.0%	100.0% #FFD39F	RGB 255 211 159	#FFD39F

#9F9585 #AF9F89 #BFA98D #CFB492 #DFBE96 #EFC89A #FFD39F

#9F9585 - #FFD39F

Mezcla HSV

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

0.0%	0.0% #9F9585	RGB 159 149 133	#9F9585
16.7%	16.7% #AFA18C	RGB 175 161 140	#AFA18C
33.3%	33.3% #BFAC92	RGB 191 172 146	#BFAC92
50.0%	50.0% #CFB797	RGB 207 183 151	#CFB797
66.7%	66.7% #DFC19A	RGB 223 193 154	#DFC19A
83.3%	83.3% #EFCA9D	RGB 239 202 157	#EFCA9D
100.0%	100.0% #FFD39F	RGB 255 211 159	#FFD39F

#9F9585 #AFA18C #BFAC92 #CFB797 #DFC19A #EFCA9D #FFD39F

#9F9585 - #CFB797 - #FFD39F

Códigos CSS

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

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