#E4D4D6 - #FFF5E3 | 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 #E4D4D6 a #FFF5E3

#E4D4D6 #FFF5E3

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

#E4D4D6 - #FFF5E3 | 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 #E4D4D6 como 0% y #FFF5E3 como 100%.

0.0%	0.0% #E4D4D6	RGB 228 212 214	#E4D4D6
16.7%	16.7% #E8D9D8	RGB 232 217 216	#E8D9D8
33.3%	33.3% #EDDFDA	RGB 237 223 218	#EDDFDA
50.0%	50.0% #F1E4DC	RGB 241 228 220	#F1E4DC
66.7%	66.7% #F6EADE	RGB 246 234 222	#F6EADE
83.3%	83.3% #FAEFE0	RGB 250 239 224	#FAEFE0
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#E4D4D6 #E8D9D8 #EDDFDA #F1E4DC #F6EADE #FAEFE0 #FFF5E3

#E4D4D6 - #FFF5E3

Mezcla HSV

#E4D4D6 - #FFF5E3 | 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 #E4D4D6 como 0% y #FFF5E3 como 100%.

0.0%	0.0% #E4D4D6	RGB 228 212 214	#E4D4D6
16.7%	16.7% #E8D6D6	RGB 232 214 214	#E8D6D6
33.3%	33.3% #EDDBD9	RGB 237 219 217	#EDDBD9
50.0%	50.0% #F1E1DB	RGB 241 225 219	#F1E1DB
66.7%	66.7% #F6E7DE	RGB 246 231 222	#F6E7DE
83.3%	83.3% #FAEDE0	RGB 250 237 224	#FAEDE0
100.0%	100.0% #FFF5E3	RGB 255 245 227	#FFF5E3

#E4D4D6 #E8D6D6 #EDDBD9 #F1E1DB #F6E7DE #FAEDE0 #FFF5E3

#E4D4D6 - #F1E1DB - #FFF5E3

Códigos CSS

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

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