#F0DADA - #E9CAD5 | 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 #F0DADA a #E9CAD5

#F0DADA #E9CAD5

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

#F0DADA - #E9CAD5 | 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 #F0DADA como 0% y #E9CAD5 como 100%.

0.0%	0.0% #F0DADA	RGB 240 218 218	#F0DADA
16.7%	16.7% #EED7D9	RGB 238 215 217	#EED7D9
33.3%	33.3% #EDD4D8	RGB 237 212 216	#EDD4D8
50.0%	50.0% #ECD2D7	RGB 236 210 215	#ECD2D7
66.7%	66.7% #EBCFD6	RGB 235 207 214	#EBCFD6
83.3%	83.3% #EACCD5	RGB 234 204 213	#EACCD5
100.0%	100.0% #E9CAD5	RGB 233 202 213	#E9CAD5

#F0DADA #EED7D9 #EDD4D8 #ECD2D7 #EBCFD6 #EACCD5 #E9CAD5

#F0DADA - #E9CAD5

Mezcla HSV

#F0DADA - #E9CAD5 | 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 #F0DADA como 0% y #E9CAD5 como 100%.

0.0%	0.0% #F0DADA	RGB 240 218 218	#F0DADA
16.7%	16.7% #EED7D8	RGB 238 215 216	#EED7D8
33.3%	33.3% #EDD4D7	RGB 237 212 215	#EDD4D7
50.0%	50.0% #ECD1D6	RGB 236 209 214	#ECD1D6
66.7%	66.7% #EBCFD5	RGB 235 207 213	#EBCFD5
83.3%	83.3% #EACCD5	RGB 234 204 213	#EACCD5
100.0%	100.0% #E9CAD5	RGB 233 202 213	#E9CAD5

#F0DADA #EED7D8 #EDD4D7 #ECD1D6 #EBCFD5 #EACCD5 #E9CAD5

#F0DADA - #ECD1D6 - #E9CAD5

Códigos CSS

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

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