#ECB5E8 - #FCE0DF | 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 #ECB5E8 a #FCE0DF

#ECB5E8 #FCE0DF

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

#ECB5E8 - #FCE0DF | 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 #ECB5E8 como 0% y #FCE0DF como 100%.

0.0%	0.0% #ECB5E8	RGB 236 181 232	#ECB5E8
16.7%	16.7% #EEBCE6	RGB 238 188 230	#EEBCE6
33.3%	33.3% #F1C3E5	RGB 241 195 229	#F1C3E5
50.0%	50.0% #F4CAE3	RGB 244 202 227	#F4CAE3
66.7%	66.7% #F6D1E2	RGB 246 209 226	#F6D1E2
83.3%	83.3% #F9D8E0	RGB 249 216 224	#F9D8E0
100.0%	100.0% #FCE0DF	RGB 252 224 223	#FCE0DF

#ECB5E8 #EEBCE6 #F1C3E5 #F4CAE3 #F6D1E2 #F9D8E0 #FCE0DF

#ECB5E8 - #FCE0DF

Mezcla HSV

#ECB5E8 - #FCE0DF | 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 #ECB5E8 como 0% y #FCE0DF como 100%.

0.0%	0.0% #ECB5E8	RGB 236 181 232	#ECB5E8
16.7%	16.7% #EEBBE2	RGB 238 187 226	#EEBBE2
33.3%	33.3% #F1C2DE	RGB 241 194 222	#F1C2DE
50.0%	50.0% #F4C9DC	RGB 244 201 220	#F4C9DC
66.7%	66.7% #F6D0DB	RGB 246 208 219	#F6D0DB
83.3%	83.3% #F9D7DB	RGB 249 215 219	#F9D7DB
100.0%	100.0% #FCE0DF	RGB 252 224 223	#FCE0DF

#ECB5E8 #EEBBE2 #F1C2DE #F4C9DC #F6D0DB #F9D7DB #FCE0DF

#ECB5E8 - #F4C9DC - #FCE0DF

Códigos CSS

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

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