#9A8D7B - #FECE97 | 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 #9A8D7B a #FECE97

#9A8D7B #FECE97

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

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

0.0%	0.0% #9A8D7B	RGB 154 141 123	#9A8D7B
16.7%	16.7% #AA977F	RGB 170 151 127	#AA977F
33.3%	33.3% #BBA284	RGB 187 162 132	#BBA284
50.0%	50.0% #CCAD89	RGB 204 173 137	#CCAD89
66.7%	66.7% #DCB88D	RGB 220 184 141	#DCB88D
83.3%	83.3% #EDC392	RGB 237 195 146	#EDC392
100.0%	100.0% #FECE97	RGB 254 206 151	#FECE97

#9A8D7B #AA977F #BBA284 #CCAD89 #DCB88D #EDC392 #FECE97

#9A8D7B - #FECE97

Mezcla HSV

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

0.0%	0.0% #9A8D7B	RGB 154 141 123	#9A8D7B
16.7%	16.7% #AA9982	RGB 170 153 130	#AA9982
33.3%	33.3% #BBA588	RGB 187 165 136	#BBA588
50.0%	50.0% #CCB08E	RGB 204 176 142	#CCB08E
66.7%	66.7% #DCBB92	RGB 220 187 146	#DCBB92
83.3%	83.3% #EDC495	RGB 237 196 149	#EDC495
100.0%	100.0% #FECE97	RGB 254 206 151	#FECE97

#9A8D7B #AA9982 #BBA588 #CCB08E #DCBB92 #EDC495 #FECE97

#9A8D7B - #CCB08E - #FECE97

Códigos CSS

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

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