#EAD4D4 - #FEFCF0 | 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 #EAD4D4 a #FEFCF0

#EAD4D4 #FEFCF0

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

#EAD4D4 - #FEFCF0 | 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 #EAD4D4 como 0% y #FEFCF0 como 100%.

0.0%	0.0% #EAD4D4	RGB 234 212 212	#EAD4D4
16.7%	16.7% #EDDAD8	RGB 237 218 216	#EDDAD8
33.3%	33.3% #F0E1DD	RGB 240 225 221	#F0E1DD
50.0%	50.0% #F4E8E2	RGB 244 232 226	#F4E8E2
66.7%	66.7% #F7EEE6	RGB 247 238 230	#F7EEE6
83.3%	83.3% #FAF5EB	RGB 250 245 235	#FAF5EB
100.0%	100.0% #FEFCF0	RGB 254 252 240	#FEFCF0

#EAD4D4 #EDDAD8 #F0E1DD #F4E8E2 #F7EEE6 #FAF5EB #FEFCF0

#EAD4D4 - #FEFCF0

Mezcla HSV

#EAD4D4 - #FEFCF0 | 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 #EAD4D4 como 0% y #FEFCF0 como 100%.

0.0%	0.0% #EAD4D4	RGB 234 212 212	#EAD4D4
16.7%	16.7% #EDDBD8	RGB 237 219 216	#EDDBD8
33.3%	33.3% #F0E2DD	RGB 240 226 221	#F0E2DD
50.0%	50.0% #F4E9E1	RGB 244 233 225	#F4E9E1
66.7%	66.7% #F7F0E6	RGB 247 240 230	#F7F0E6
83.3%	83.3% #FAF6EB	RGB 250 246 235	#FAF6EB
100.0%	100.0% #FEFCF0	RGB 254 252 240	#FEFCF0

#EAD4D4 #EDDBD8 #F0E2DD #F4E9E1 #F7F0E6 #FAF6EB #FEFCF0

#EAD4D4 - #F4E9E1 - #FEFCF0

Códigos CSS

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

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