#E6E6D2 - #FFF5DF | 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 #E6E6D2 a #FFF5DF

#E6E6D2 #FFF5DF

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

#E6E6D2 - #FFF5DF | 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 #E6E6D2 como 0% y #FFF5DF como 100%.

0.0%	0.0% #E6E6D2	RGB 230 230 210	#E6E6D2
16.7%	16.7% #EAE8D4	RGB 234 232 212	#EAE8D4
33.3%	33.3% #EEEBD6	RGB 238 235 214	#EEEBD6
50.0%	50.0% #F2EDD8	RGB 242 237 216	#F2EDD8
66.7%	66.7% #F6F0DA	RGB 246 240 218	#F6F0DA
83.3%	83.3% #FAF2DC	RGB 250 242 220	#FAF2DC
100.0%	100.0% #FFF5DF	RGB 255 245 223	#FFF5DF

#E6E6D2 #EAE8D4 #EEEBD6 #F2EDD8 #F6F0DA #FAF2DC #FFF5DF

#E6E6D2 - #FFF5DF

Mezcla HSV

#E6E6D2 - #FFF5DF | 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 #E6E6D2 como 0% y #FFF5DF como 100%.

0.0%	0.0% #E6E6D2	RGB 230 230 210	#E6E6D2
16.7%	16.7% #EAE9D4	RGB 234 233 212	#EAE9D4
33.3%	33.3% #EEEBD6	RGB 238 235 214	#EEEBD6
50.0%	50.0% #F2EED8	RGB 242 238 216	#F2EED8
66.7%	66.7% #F6F0DA	RGB 246 240 218	#F6F0DA
83.3%	83.3% #FAF3DC	RGB 250 243 220	#FAF3DC
100.0%	100.0% #FFF5DF	RGB 255 245 223	#FFF5DF

#E6E6D2 #EAE9D4 #EEEBD6 #F2EED8 #F6F0DA #FAF3DC #FFF5DF

#E6E6D2 - #F2EED8 - #FFF5DF

Códigos CSS

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

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