#EED2D2 - #FCFCF0 | 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 #EED2D2 a #FCFCF0

#EED2D2 #FCFCF0

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

#EED2D2 - #FCFCF0 | 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 #EED2D2 como 0% y #FCFCF0 como 100%.

0.0%	0.0% #EED2D2	RGB 238 210 210	#EED2D2
16.7%	16.7% #F0D9D7	RGB 240 217 215	#F0D9D7
33.3%	33.3% #F2E0DC	RGB 242 224 220	#F2E0DC
50.0%	50.0% #F5E7E1	RGB 245 231 225	#F5E7E1
66.7%	66.7% #F7EEE6	RGB 247 238 230	#F7EEE6
83.3%	83.3% #F9F5EB	RGB 249 245 235	#F9F5EB
100.0%	100.0% #FCFCF0	RGB 252 252 240	#FCFCF0

#EED2D2 #F0D9D7 #F2E0DC #F5E7E1 #F7EEE6 #F9F5EB #FCFCF0

#EED2D2 - #FCFCF0

Mezcla HSV

#EED2D2 - #FCFCF0 | 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 #EED2D2 como 0% y #FCFCF0 como 100%.

0.0%	0.0% #EED2D2	RGB 238 210 210	#EED2D2
16.7%	16.7% #F0DBD6	RGB 240 219 214	#F0DBD6
33.3%	33.3% #F2E3DB	RGB 242 227 219	#F2E3DB
50.0%	50.0% #F5EAE0	RGB 245 234 224	#F5EAE0
66.7%	66.7% #F7F1E5	RGB 247 241 229	#F7F1E5
83.3%	83.3% #F9F7EA	RGB 249 247 234	#F9F7EA
100.0%	100.0% #FCFCF0	RGB 252 252 240	#FCFCF0

#EED2D2 #F0DBD6 #F2E3DB #F5EAE0 #F7F1E5 #F9F7EA #FCFCF0

#EED2D2 - #F5EAE0 - #FCFCF0

Códigos CSS

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

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