#EAD5E2 - #FFFEFE | 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 #EAD5E2 a #FFFEFE

#EAD5E2 #FFFEFE

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

#EAD5E2 - #FFFEFE | 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 #EAD5E2 como 0% y #FFFEFE como 100%.

0.0%	0.0% #EAD5E2	RGB 234 213 226	#EAD5E2
16.7%	16.7% #EDDBE6	RGB 237 219 230	#EDDBE6
33.3%	33.3% #F1E2EB	RGB 241 226 235	#F1E2EB
50.0%	50.0% #F4E9F0	RGB 244 233 240	#F4E9F0
66.7%	66.7% #F8F0F4	RGB 248 240 244	#F8F0F4
83.3%	83.3% #FBF7F9	RGB 251 247 249	#FBF7F9
100.0%	100.0% #FFFEFE	RGB 255 254 254	#FFFEFE

#EAD5E2 #EDDBE6 #F1E2EB #F4E9F0 #F8F0F4 #FBF7F9 #FFFEFE

#EAD5E2 - #FFFEFE

Mezcla HSV

#EAD5E2 - #FFFEFE | 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 #EAD5E2 como 0% y #FFFEFE como 100%.

0.0%	0.0% #EAD5E2	RGB 234 213 226	#EAD5E2
16.7%	16.7% #EDDBE4	RGB 237 219 228	#EDDBE4
33.3%	33.3% #F1E2E8	RGB 241 226 232	#F1E2E8
50.0%	50.0% #F4E9EC	RGB 244 233 236	#F4E9EC
66.7%	66.7% #F8EFF1	RGB 248 239 241	#F8EFF1
83.3%	83.3% #FBF6F7	RGB 251 246 247	#FBF6F7
100.0%	100.0% #FFFEFE	RGB 255 254 254	#FFFEFE

#EAD5E2 #EDDBE4 #F1E2E8 #F4E9EC #F8EFF1 #FBF6F7 #FFFEFE

#EAD5E2 - #F4E9EC - #FFFEFE

Códigos CSS

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

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