#9F9C92 - #FFD7A8 | 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 #9F9C92 a #FFD7A8

#9F9C92 #FFD7A8

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

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

0.0%	0.0% #9F9C92	RGB 159 156 146	#9F9C92
16.7%	16.7% #AFA595	RGB 175 165 149	#AFA595
33.3%	33.3% #BFAF99	RGB 191 175 153	#BFAF99
50.0%	50.0% #CFB99D	RGB 207 185 157	#CFB99D
66.7%	66.7% #DFC3A0	RGB 223 195 160	#DFC3A0
83.3%	83.3% #EFCDA4	RGB 239 205 164	#EFCDA4
100.0%	100.0% #FFD7A8	RGB 255 215 168	#FFD7A8

#9F9C92 #AFA595 #BFAF99 #CFB99D #DFC3A0 #EFCDA4 #FFD7A8

#9F9C92 - #FFD7A8

Mezcla HSV

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

0.0%	0.0% #9F9C92	RGB 159 156 146	#9F9C92
16.7%	16.7% #AFA999	RGB 175 169 153	#AFA999
33.3%	33.3% #BFB59E	RGB 191 181 158	#BFB59E
50.0%	50.0% #CFBFA3	RGB 207 191 163	#CFBFA3
66.7%	66.7% #DFC9A6	RGB 223 201 166	#DFC9A6
83.3%	83.3% #EFD0A7	RGB 239 208 167	#EFD0A7
100.0%	100.0% #FFD7A8	RGB 255 215 168	#FFD7A8

#9F9C92 #AFA999 #BFB59E #CFBFA3 #DFC9A6 #EFD0A7 #FFD7A8

#9F9C92 - #CFBFA3 - #FFD7A8

Códigos CSS

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

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