#EFF0DA - #EBFBF2 | 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 #EFF0DA a #EBFBF2

#EFF0DA #EBFBF2

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

#EFF0DA - #EBFBF2 | 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 #EFF0DA como 0% y #EBFBF2 como 100%.

0.0%	0.0% #EFF0DA	RGB 239 240 218	#EFF0DA
16.7%	16.7% #EEF1DE	RGB 238 241 222	#EEF1DE
33.3%	33.3% #EDF3E2	RGB 237 243 226	#EDF3E2
50.0%	50.0% #EDF5E6	RGB 237 245 230	#EDF5E6
66.7%	66.7% #ECF7EA	RGB 236 247 234	#ECF7EA
83.3%	83.3% #EBF9EE	RGB 235 249 238	#EBF9EE
100.0%	100.0% #EBFBF2	RGB 235 251 242	#EBFBF2

#EFF0DA #EEF1DE #EDF3E2 #EDF5E6 #ECF7EA #EBF9EE #EBFBF2

#EFF0DA - #EBFBF2

Mezcla HSV

#EFF0DA - #EBFBF2 | 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 #EFF0DA como 0% y #EBFBF2 como 100%.

0.0%	0.0% #EFF0DA	RGB 239 240 218	#EFF0DA
16.7%	16.7% #EBF1DC	RGB 235 241 220	#EBF1DC
33.3%	33.3% #E9F3DF	RGB 233 243 223	#E9F3DF
50.0%	50.0% #E7F5E2	RGB 231 245 226	#E7F5E2
66.7%	66.7% #E5F7E5	RGB 229 247 229	#E5F7E5
83.3%	83.3% #E8F9EB	RGB 232 249 235	#E8F9EB
100.0%	100.0% #EBFBF2	RGB 235 251 242	#EBFBF2

#EFF0DA #EBF1DC #E9F3DF #E7F5E2 #E5F7E5 #E8F9EB #EBFBF2

#EFF0DA - #E7F5E2 - #EBFBF2

Códigos CSS

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

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