#A1A19E - #FCD9AE | 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 #A1A19E a #FCD9AE

#A1A19E #FCD9AE

Calcule el color entre dos colores, #A1A19E y #FCD9AE. 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)

#A1A19E - #FCD9AE | 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 #A1A19E como 0% y #FCD9AE como 100%.

0.0%	0.0% #A1A19E	RGB 161 161 158	#A1A19E
16.7%	16.7% #B0AAA0	RGB 176 170 160	#B0AAA0
33.3%	33.3% #BFB3A3	RGB 191 179 163	#BFB3A3
50.0%	50.0% #CEBDA6	RGB 206 189 166	#CEBDA6
66.7%	66.7% #DDC6A8	RGB 221 198 168	#DDC6A8
83.3%	83.3% #ECCFAB	RGB 236 207 171	#ECCFAB
100.0%	100.0% #FCD9AE	RGB 252 217 174	#FCD9AE

#A1A19E #B0AAA0 #BFB3A3 #CEBDA6 #DDC6A8 #ECCFAB #FCD9AE

#A1A19E - #FCD9AE

Mezcla HSV

#A1A19E - #FCD9AE | 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 #A1A19E como 0% y #FCD9AE como 100%.

0.0%	0.0% #A1A19E	RGB 161 161 158	#A1A19E
16.7%	16.7% #B0AFA4	RGB 176 175 164	#B0AFA4
33.3%	33.3% #BFBCA9	RGB 191 188 169	#BFBCA9
50.0%	50.0% #CEC6AC	RGB 206 198 172	#CEC6AC
66.7%	66.7% #DDCFAE	RGB 221 207 174	#DDCFAE
83.3%	83.3% #ECD5AF	RGB 236 213 175	#ECD5AF
100.0%	100.0% #FCD9AE	RGB 252 217 174	#FCD9AE

#A1A19E #B0AFA4 #BFBCA9 #CEC6AC #DDCFAE #ECD5AF #FCD9AE

#A1A19E - #CEC6AC - #FCD9AE

Códigos CSS

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

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