#ECC5E7 - #FDFDFE | 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 #ECC5E7 a #FDFDFE

#ECC5E7 #FDFDFE

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

#ECC5E7 - #FDFDFE | 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 #ECC5E7 como 0% y #FDFDFE como 100%.

0.0%	0.0% #ECC5E7	RGB 236 197 231	#ECC5E7
16.7%	16.7% #EECEEA	RGB 238 206 234	#EECEEA
33.3%	33.3% #F1D7EE	RGB 241 215 238	#F1D7EE
50.0%	50.0% #F4E1F2	RGB 244 225 242	#F4E1F2
66.7%	66.7% #F7EAF6	RGB 247 234 246	#F7EAF6
83.3%	83.3% #FAF3FA	RGB 250 243 250	#FAF3FA
100.0%	100.0% #FDFDFE	RGB 253 253 254	#FDFDFE

#ECC5E7 #EECEEA #F1D7EE #F4E1F2 #F7EAF6 #FAF3FA #FDFDFE

#ECC5E7 - #FDFDFE

Mezcla HSV

#ECC5E7 - #FDFDFE | 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 #ECC5E7 como 0% y #FDFDFE como 100%.

0.0%	0.0% #ECC5E7	RGB 236 197 231	#ECC5E7
16.7%	16.7% #EDCDEF	RGB 237 205 239	#EDCDEF
33.3%	33.3% #EBD7F2	RGB 235 215 242	#EBD7F2
50.0%	50.0% #EBE0F5	RGB 235 224 245	#EBE0F5
66.7%	66.7% #EFE9F8	RGB 239 233 248	#EFE9F8
83.3%	83.3% #F4F3FB	RGB 244 243 251	#F4F3FB
100.0%	100.0% #FDFDFE	RGB 253 253 254	#FDFDFE

#ECC5E7 #EDCDEF #EBD7F2 #EBE0F5 #EFE9F8 #F4F3FB #FDFDFE

#ECC5E7 - #EBE0F5 - #FDFDFE

Códigos CSS

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

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