#E9CADC - #FFF9F0 | 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 #E9CADC a #FFF9F0

#E9CADC #FFF9F0

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

#E9CADC - #FFF9F0 | 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 #E9CADC como 0% y #FFF9F0 como 100%.

0.0%	0.0% #E9CADC	RGB 233 202 220	#E9CADC
16.7%	16.7% #ECD1DF	RGB 236 209 223	#ECD1DF
33.3%	33.3% #F0D9E2	RGB 240 217 226	#F0D9E2
50.0%	50.0% #F4E1E6	RGB 244 225 230	#F4E1E6
66.7%	66.7% #F7E9E9	RGB 247 233 233	#F7E9E9
83.3%	83.3% #FBF1EC	RGB 251 241 236	#FBF1EC
100.0%	100.0% #FFF9F0	RGB 255 249 240	#FFF9F0

#E9CADC #ECD1DF #F0D9E2 #F4E1E6 #F7E9E9 #FBF1EC #FFF9F0

#E9CADC - #FFF9F0

Mezcla HSV

#E9CADC - #FFF9F0 | 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 #E9CADC como 0% y #FFF9F0 como 100%.

0.0%	0.0% #E9CADC	RGB 233 202 220	#E9CADC
16.7%	16.7% #ECD0DB	RGB 236 208 219	#ECD0DB
33.3%	33.3% #F0D6DB	RGB 240 214 219	#F0D6DB
50.0%	50.0% #F4DCDC	RGB 244 220 220	#F4DCDC
66.7%	66.7% #F7E7E2	RGB 247 231 226	#F7E7E2
83.3%	83.3% #FBF0E9	RGB 251 240 233	#FBF0E9
100.0%	100.0% #FFF9F0	RGB 255 249 240	#FFF9F0

#E9CADC #ECD0DB #F0D6DB #F4DCDC #F7E7E2 #FBF0E9 #FFF9F0

#E9CADC - #F4DCDC - #FFF9F0

Códigos CSS

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

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