#EDD5E7 - #FFFDFB | 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 #EDD5E7 a #FFFDFB

#EDD5E7 #FFFDFB

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

#EDD5E7 - #FFFDFB | 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 #EDD5E7 como 0% y #FFFDFB como 100%.

0.0%	0.0% #EDD5E7	RGB 237 213 231	#EDD5E7
16.7%	16.7% #F0DBEA	RGB 240 219 234	#F0DBEA
33.3%	33.3% #F3E2ED	RGB 243 226 237	#F3E2ED
50.0%	50.0% #F6E9F1	RGB 246 233 241	#F6E9F1
66.7%	66.7% #F9EFF4	RGB 249 239 244	#F9EFF4
83.3%	83.3% #FCF6F7	RGB 252 246 247	#FCF6F7
100.0%	100.0% #FFFDFB	RGB 255 253 251	#FFFDFB

#EDD5E7 #F0DBEA #F3E2ED #F6E9F1 #F9EFF4 #FCF6F7 #FFFDFB

#EDD5E7 - #FFFDFB

Mezcla HSV

#EDD5E7 - #FFFDFB | 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 #EDD5E7 como 0% y #FFFDFB como 100%.

0.0%	0.0% #EDD5E7	RGB 237 213 231	#EDD5E7
16.7%	16.7% #F0DBE6	RGB 240 219 230	#F0DBE6
33.3%	33.3% #F3E1E7	RGB 243 225 231	#F3E1E7
50.0%	50.0% #F6E7E9	RGB 246 231 233	#F6E7E9
66.7%	66.7% #F9EEED	RGB 249 238 237	#F9EEED
83.3%	83.3% #FCF6F4	RGB 252 246 244	#FCF6F4
100.0%	100.0% #FFFDFB	RGB 255 253 251	#FFFDFB

#EDD5E7 #F0DBE6 #F3E1E7 #F6E7E9 #F9EEED #FCF6F4 #FFFDFB

#EDD5E7 - #F6E7E9 - #FFFDFB

Códigos CSS

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

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