#9A8C7D - #FECE99 | 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 #9A8C7D a #FECE99

#9A8C7D #FECE99

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

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

0.0%	0.0% #9A8C7D	RGB 154 140 125	#9A8C7D
16.7%	16.7% #AA9781	RGB 170 151 129	#AA9781
33.3%	33.3% #BBA286	RGB 187 162 134	#BBA286
50.0%	50.0% #CCAD8B	RGB 204 173 139	#CCAD8B
66.7%	66.7% #DCB88F	RGB 220 184 143	#DCB88F
83.3%	83.3% #EDC394	RGB 237 195 148	#EDC394
100.0%	100.0% #FECE99	RGB 254 206 153	#FECE99

#9A8C7D #AA9781 #BBA286 #CCAD8B #DCB88F #EDC394 #FECE99

#9A8C7D - #FECE99

Mezcla HSV

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

0.0%	0.0% #9A8C7D	RGB 154 140 125	#9A8C7D
16.7%	16.7% #AA9884	RGB 170 152 132	#AA9884
33.3%	33.3% #BBA48A	RGB 187 164 138	#BBA48A
50.0%	50.0% #CCAF90	RGB 204 175 144	#CCAF90
66.7%	66.7% #DCBA94	RGB 220 186 148	#DCBA94
83.3%	83.3% #EDC497	RGB 237 196 151	#EDC497
100.0%	100.0% #FECE99	RGB 254 206 153	#FECE99

#9A8C7D #AA9884 #BBA48A #CCAF90 #DCBA94 #EDC497 #FECE99

#9A8C7D - #CCAF90 - #FECE99

Códigos CSS

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

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