#E3C5E2 - #FFFAF9 | 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 #E3C5E2 a #FFFAF9

#E3C5E2 #FFFAF9

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

#E3C5E2 - #FFFAF9 | 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 #E3C5E2 como 0% y #FFFAF9 como 100%.

0.0%	0.0% #E3C5E2	RGB 227 197 226	#E3C5E2
16.7%	16.7% #E7CDE5	RGB 231 205 229	#E7CDE5
33.3%	33.3% #ECD6E9	RGB 236 214 233	#ECD6E9
50.0%	50.0% #F1DFED	RGB 241 223 237	#F1DFED
66.7%	66.7% #F5E8F1	RGB 245 232 241	#F5E8F1
83.3%	83.3% #FAF1F5	RGB 250 241 245	#FAF1F5
100.0%	100.0% #FFFAF9	RGB 255 250 249	#FFFAF9

#E3C5E2 #E7CDE5 #ECD6E9 #F1DFED #F5E8F1 #FAF1F5 #FFFAF9

#E3C5E2 - #FFFAF9

Mezcla HSV

#E3C5E2 - #FFFAF9 | 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 #E3C5E2 como 0% y #FFFAF9 como 100%.

0.0%	0.0% #E3C5E2	RGB 227 197 226	#E3C5E2
16.7%	16.7% #E7CDE1	RGB 231 205 225	#E7CDE1
33.3%	33.3% #ECD5E3	RGB 236 213 227	#ECD5E3
50.0%	50.0% #F1DEE5	RGB 241 222 229	#F1DEE5
66.7%	66.7% #F5E6EA	RGB 245 230 234	#F5E6EA
83.3%	83.3% #FAEFF0	RGB 250 239 240	#FAEFF0
100.0%	100.0% #FFFAF9	RGB 255 250 249	#FFFAF9

#E3C5E2 #E7CDE1 #ECD5E3 #F1DEE5 #F5E6EA #FAEFF0 #FFFAF9

#E3C5E2 - #F1DEE5 - #FFFAF9

Códigos CSS

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

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