#FAFAF9 - #D9D4B5 | 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 #FAFAF9 a #D9D4B5

#FAFAF9 #D9D4B5

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

#FAFAF9 - #D9D4B5 | 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 #FAFAF9 como 0% y #D9D4B5 como 100%.

0.0%	0.0% #FAFAF9	RGB 250 250 249	#FAFAF9
16.7%	16.7% #F4F3ED	RGB 244 243 237	#F4F3ED
33.3%	33.3% #EFEDE2	RGB 239 237 226	#EFEDE2
50.0%	50.0% #E9E7D7	RGB 233 231 215	#E9E7D7
66.7%	66.7% #E4E0CB	RGB 228 224 203	#E4E0CB
83.3%	83.3% #DEDAC0	RGB 222 218 192	#DEDAC0
100.0%	100.0% #D9D4B5	RGB 217 212 181	#D9D4B5

#FAFAF9 #F4F3ED #EFEDE2 #E9E7D7 #E4E0CB #DEDAC0 #D9D4B5

#FAFAF9 - #D9D4B5

Mezcla HSV

#FAFAF9 - #D9D4B5 | 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 #FAFAF9 como 0% y #D9D4B5 como 100%.

0.0%	0.0% #FAFAF9	RGB 250 250 249	#FAFAF9
16.7%	16.7% #F4F4EC	RGB 244 244 236	#F4F4EC
33.3%	33.3% #EFEEE1	RGB 239 238 225	#EFEEE1
50.0%	50.0% #E9E8D5	RGB 233 232 213	#E9E8D5
66.7%	66.7% #E4E1CA	RGB 228 225 202	#E4E1CA
83.3%	83.3% #DEDABF	RGB 222 218 191	#DEDABF
100.0%	100.0% #D9D4B5	RGB 217 212 181	#D9D4B5

#FAFAF9 #F4F4EC #EFEEE1 #E9E8D5 #E4E1CA #DEDABF #D9D4B5

#FAFAF9 - #E9E8D5 - #D9D4B5

Códigos CSS

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

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