#F5E4E9 - #ECC8D9 | 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 #F5E4E9 a #ECC8D9

#F5E4E9 #ECC8D9

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

#F5E4E9 - #ECC8D9 | 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 #F5E4E9 como 0% y #ECC8D9 como 100%.

0.0%	0.0% #F5E4E9	RGB 245 228 233	#F5E4E9
16.7%	16.7% #F3DFE6	RGB 243 223 230	#F3DFE6
33.3%	33.3% #F2DAE3	RGB 242 218 227	#F2DAE3
50.0%	50.0% #F0D6E1	RGB 240 214 225	#F0D6E1
66.7%	66.7% #EFD1DE	RGB 239 209 222	#EFD1DE
83.3%	83.3% #EDCCDB	RGB 237 204 219	#EDCCDB
100.0%	100.0% #ECC8D9	RGB 236 200 217	#ECC8D9

#F5E4E9 #F3DFE6 #F2DAE3 #F0D6E1 #EFD1DE #EDCCDB #ECC8D9

#F5E4E9 - #ECC8D9

Mezcla HSV

#F5E4E9 - #ECC8D9 | 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 #F5E4E9 como 0% y #ECC8D9 como 100%.

0.0%	0.0% #F5E4E9	RGB 245 228 233	#F5E4E9
16.7%	16.7% #F3DFE5	RGB 243 223 229	#F3DFE5
33.3%	33.3% #F2DAE2	RGB 242 218 226	#F2DAE2
50.0%	50.0% #F0D5E0	RGB 240 213 224	#F0D5E0
66.7%	66.7% #EFD1DD	RGB 239 209 221	#EFD1DD
83.3%	83.3% #EDCCDB	RGB 237 204 219	#EDCCDB
100.0%	100.0% #ECC8D9	RGB 236 200 217	#ECC8D9

#F5E4E9 #F3DFE5 #F2DAE2 #F0D5E0 #EFD1DD #EDCCDB #ECC8D9

#F5E4E9 - #F0D5E0 - #ECC8D9

Códigos CSS

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

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