#F7E5E3 - #EEFFF7 | 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 #F7E5E3 a #EEFFF7

#F7E5E3 #EEFFF7

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

#F7E5E3 - #EEFFF7 | 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 #F7E5E3 como 0% y #EEFFF7 como 100%.

0.0%	0.0% #F7E5E3	RGB 247 229 227	#F7E5E3
16.7%	16.7% #F5E9E6	RGB 245 233 230	#F5E9E6
33.3%	33.3% #F4EDE9	RGB 244 237 233	#F4EDE9
50.0%	50.0% #F2F2ED	RGB 242 242 237	#F2F2ED
66.7%	66.7% #F1F6F0	RGB 241 246 240	#F1F6F0
83.3%	83.3% #EFFAF3	RGB 239 250 243	#EFFAF3
100.0%	100.0% #EEFFF7	RGB 238 255 247	#EEFFF7

#F7E5E3 #F5E9E6 #F4EDE9 #F2F2ED #F1F6F0 #EFFAF3 #EEFFF7

#F7E5E3 - #EEFFF7

Mezcla HSV

#F7E5E3 - #EEFFF7 | 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 #F7E5E3 como 0% y #EEFFF7 como 100%.

0.0%	0.0% #F7E5E3	RGB 247 229 227	#F7E5E3
16.7%	16.7% #F8EEE4	RGB 248 238 228	#F8EEE4
33.3%	33.3% #F9F7E6	RGB 249 247 230	#F9F7E6
50.0%	50.0% #F5FBE8	RGB 245 251 232	#F5FBE8
66.7%	66.7% #EFFCEA	RGB 239 252 234	#EFFCEA
83.3%	83.3% #ECFDEE	RGB 236 253 238	#ECFDEE
100.0%	100.0% #EEFFF7	RGB 238 255 247	#EEFFF7

#F7E5E3 #F8EEE4 #F9F7E6 #F5FBE8 #EFFCEA #ECFDEE #EEFFF7

#F7E5E3 - #F5FBE8 - #EEFFF7

Códigos CSS

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

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