#E3C5E1 - #FFFAF8 | 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 #E3C5E1 a #FFFAF8

#E3C5E1 #FFFAF8

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

#E3C5E1 - #FFFAF8 | 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 #E3C5E1 como 0% y #FFFAF8 como 100%.

0.0%	0.0% #E3C5E1	RGB 227 197 225	#E3C5E1
16.7%	16.7% #E7CDE4	RGB 231 205 228	#E7CDE4
33.3%	33.3% #ECD6E8	RGB 236 214 232	#ECD6E8
50.0%	50.0% #F1DFEC	RGB 241 223 236	#F1DFEC
66.7%	66.7% #F5E8F0	RGB 245 232 240	#F5E8F0
83.3%	83.3% #FAF1F4	RGB 250 241 244	#FAF1F4
100.0%	100.0% #FFFAF8	RGB 255 250 248	#FFFAF8

#E3C5E1 #E7CDE4 #ECD6E8 #F1DFEC #F5E8F0 #FAF1F4 #FFFAF8

#E3C5E1 - #FFFAF8

Mezcla HSV

#E3C5E1 - #FFFAF8 | 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 #E3C5E1 como 0% y #FFFAF8 como 100%.

0.0%	0.0% #E3C5E1	RGB 227 197 225	#E3C5E1
16.7%	16.7% #E7CDE0	RGB 231 205 224	#E7CDE0
33.3%	33.3% #ECD5E1	RGB 236 213 225	#ECD5E1
50.0%	50.0% #F1DDE3	RGB 241 221 227	#F1DDE3
66.7%	66.7% #F5E6E8	RGB 245 230 232	#F5E6E8
83.3%	83.3% #FAF0EF	RGB 250 240 239	#FAF0EF
100.0%	100.0% #FFFAF8	RGB 255 250 248	#FFFAF8

#E3C5E1 #E7CDE0 #ECD5E1 #F1DDE3 #F5E6E8 #FAF0EF #FFFAF8

#E3C5E1 - #F1DDE3 - #FFFAF8

Códigos CSS

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

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