#E5DFEE - #FFF5E5 | 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 #E5DFEE a #FFF5E5

#E5DFEE #FFF5E5

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

#E5DFEE - #FFF5E5 | 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 #E5DFEE como 0% y #FFF5E5 como 100%.

0.0%	0.0% #E5DFEE	RGB 229 223 238	#E5DFEE
16.7%	16.7% #E9E2EC	RGB 233 226 236	#E9E2EC
33.3%	33.3% #EDE6EB	RGB 237 230 235	#EDE6EB
50.0%	50.0% #F2EAE9	RGB 242 234 233	#F2EAE9
66.7%	66.7% #F6EDE8	RGB 246 237 232	#F6EDE8
83.3%	83.3% #FAF1E6	RGB 250 241 230	#FAF1E6
100.0%	100.0% #FFF5E5	RGB 255 245 229	#FFF5E5

#E5DFEE #E9E2EC #EDE6EB #F2EAE9 #F6EDE8 #FAF1E6 #FFF5E5

#E5DFEE - #FFF5E5

Mezcla HSV

#E5DFEE - #FFF5E5 | 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 #E5DFEE como 0% y #FFF5E5 como 100%.

0.0%	0.0% #E5DFEE	RGB 229 223 238	#E5DFEE
16.7%	16.7% #ECE0F0	RGB 236 224 240	#ECE0F0
33.3%	33.3% #F3E1F1	RGB 243 225 241	#F3E1F1
50.0%	50.0% #F6E2EC	RGB 246 226 236	#F6E2EC
66.7%	66.7% #F9E3E5	RGB 249 227 229	#F9E3E5
83.3%	83.3% #FCEAE4	RGB 252 234 228	#FCEAE4
100.0%	100.0% #FFF5E5	RGB 255 245 229	#FFF5E5

#E5DFEE #ECE0F0 #F3E1F1 #F6E2EC #F9E3E5 #FCEAE4 #FFF5E5

#E5DFEE - #F6E2EC - #FFF5E5

Códigos CSS

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

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