#FDF5E7 - #FCFEFA | 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 #FDF5E7 a #FCFEFA

#FDF5E7 #FCFEFA

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

#FDF5E7 - #FCFEFA | 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 #FDF5E7 como 0% y #FCFEFA como 100%.

0.0%	0.0% #FDF5E7	RGB 253 245 231	#FDF5E7
16.7%	16.7% #FCF6EA	RGB 252 246 234	#FCF6EA
33.3%	33.3% #FCF8ED	RGB 252 248 237	#FCF8ED
50.0%	50.0% #FCF9F0	RGB 252 249 240	#FCF9F0
66.7%	66.7% #FCFBF3	RGB 252 251 243	#FCFBF3
83.3%	83.3% #FCFCF6	RGB 252 252 246	#FCFCF6
100.0%	100.0% #FCFEFA	RGB 252 254 250	#FCFEFA

#FDF5E7 #FCF6EA #FCF8ED #FCF9F0 #FCFBF3 #FCFCF6 #FCFEFA

#FDF5E7 - #FCFEFA

Mezcla HSV

#FDF5E7 - #FCFEFA | 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 #FDF5E7 como 0% y #FCFEFA como 100%.

0.0%	0.0% #FDF5E7	RGB 253 245 231	#FDF5E7
16.7%	16.7% #FDF8EA	RGB 253 248 234	#FDF8EA
33.3%	33.3% #FDFCED	RGB 253 252 237	#FDFCED
50.0%	50.0% #FCFDF0	RGB 252 253 240	#FCFDF0
66.7%	66.7% #FBFDF3	RGB 251 253 243	#FBFDF3
83.3%	83.3% #FBFDF6	RGB 251 253 246	#FBFDF6
100.0%	100.0% #FCFEFA	RGB 252 254 250	#FCFEFA

#FDF5E7 #FDF8EA #FDFCED #FCFDF0 #FBFDF3 #FBFDF6 #FCFEFA

#FDF5E7 - #FCFDF0 - #FCFEFA

Códigos CSS

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

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