#E7EADE - #FBFFFD | 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 #E7EADE a #FBFFFD

#E7EADE #FBFFFD

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

#E7EADE - #FBFFFD | 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 #E7EADE como 0% y #FBFFFD como 100%.

0.0%	0.0% #E7EADE	RGB 231 234 222	#E7EADE
16.7%	16.7% #EAEDE3	RGB 234 237 227	#EAEDE3
33.3%	33.3% #EDF1E8	RGB 237 241 232	#EDF1E8
50.0%	50.0% #F1F4ED	RGB 241 244 237	#F1F4ED
66.7%	66.7% #F4F8F2	RGB 244 248 242	#F4F8F2
83.3%	83.3% #F7FBF7	RGB 247 251 247	#F7FBF7
100.0%	100.0% #FBFFFD	RGB 251 255 253	#FBFFFD

#E7EADE #EAEDE3 #EDF1E8 #F1F4ED #F4F8F2 #F7FBF7 #FBFFFD

#E7EADE - #FBFFFD

Mezcla HSV

#E7EADE - #FBFFFD | 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 #E7EADE como 0% y #FBFFFD como 100%.

0.0%	0.0% #E7EADE	RGB 231 234 222	#E7EADE
16.7%	16.7% #E8EDE2	RGB 232 237 226	#E8EDE2
33.3%	33.3% #EAF1E7	RGB 234 241 231	#EAF1E7
50.0%	50.0% #EDF4EC	RGB 237 244 236	#EDF4EC
66.7%	66.7% #F1F8F1	RGB 241 248 241	#F1F8F1
83.3%	83.3% #F6FBF7	RGB 246 251 247	#F6FBF7
100.0%	100.0% #FBFFFD	RGB 251 255 253	#FBFFFD

#E7EADE #E8EDE2 #EAF1E7 #EDF4EC #F1F8F1 #F6FBF7 #FBFFFD

#E7EADE - #EDF4EC - #FBFFFD

Códigos CSS

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

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