#F7E5E4 - #FDFFFF | 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 #F7E5E4 a #FDFFFF

#F7E5E4 #FDFFFF

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

#F7E5E4 - #FDFFFF | 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 #F7E5E4 como 0% y #FDFFFF como 100%.

0.0%	0.0% #F7E5E4	RGB 247 229 228	#F7E5E4
16.7%	16.7% #F8E9E8	RGB 248 233 232	#F8E9E8
33.3%	33.3% #F9EDED	RGB 249 237 237	#F9EDED
50.0%	50.0% #FAF2F1	RGB 250 242 241	#FAF2F1
66.7%	66.7% #FBF6F6	RGB 251 246 246	#FBF6F6
83.3%	83.3% #FCFAFA	RGB 252 250 250	#FCFAFA
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#F7E5E4 #F8E9E8 #F9EDED #FAF2F1 #FBF6F6 #FCFAFA #FDFFFF

#F7E5E4 - #FDFFFF

Mezcla HSV

#F7E5E4 - #FDFFFF | 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 #F7E5E4 como 0% y #FDFFFF como 100%.

0.0%	0.0% #F7E5E4	RGB 247 229 228	#F7E5E4
16.7%	16.7% #F8F0E8	RGB 248 240 232	#F8F0E8
33.3%	33.3% #F9F9EC	RGB 249 249 236	#F9F9EC
50.0%	50.0% #F5FBF0	RGB 245 251 240	#F5FBF0
66.7%	66.7% #F4FCF4	RGB 244 252 244	#F4FCF4
83.3%	83.3% #F8FDFB	RGB 248 253 251	#F8FDFB
100.0%	100.0% #FDFFFF	RGB 253 255 255	#FDFFFF

#F7E5E4 #F8F0E8 #F9F9EC #F5FBF0 #F4FCF4 #F8FDFB #FDFFFF

#F7E5E4 - #F5FBF0 - #FDFFFF

Códigos CSS

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

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