#E2FFB7 - #FDF5D4 | 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 #E2FFB7 a #FDF5D4

#E2FFB7 #FDF5D4

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

#E2FFB7 - #FDF5D4 | 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 #E2FFB7 como 0% y #FDF5D4 como 100%.

0.0%	0.0% #E2FFB7	RGB 226 255 183	#E2FFB7
16.7%	16.7% #E6FDBB	RGB 230 253 187	#E6FDBB
33.3%	33.3% #EBFBC0	RGB 235 251 192	#EBFBC0
50.0%	50.0% #EFFAC5	RGB 239 250 197	#EFFAC5
66.7%	66.7% #F4F8CA	RGB 244 248 202	#F4F8CA
83.3%	83.3% #F8F6CF	RGB 248 246 207	#F8F6CF
100.0%	100.0% #FDF5D4	RGB 253 245 212	#FDF5D4

#E2FFB7 #E6FDBB #EBFBC0 #EFFAC5 #F4F8CA #F8F6CF #FDF5D4

#E2FFB7 - #FDF5D4

Mezcla HSV

#E2FFB7 - #FDF5D4 | 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 #E2FFB7 como 0% y #FDF5D4 como 100%.

0.0%	0.0% #E2FFB7	RGB 226 255 183	#E2FFB7
16.7%	16.7% #EAFEBB	RGB 234 254 187	#EAFEBB
33.3%	33.3% #F1FEC0	RGB 241 254 192	#F1FEC0
50.0%	50.0% #F8FEC5	RGB 248 254 197	#F8FEC5
66.7%	66.7% #FDFDCA	RGB 253 253 202	#FDFDCA
83.3%	83.3% #FDF8CF	RGB 253 248 207	#FDF8CF
100.0%	100.0% #FDF5D4	RGB 253 245 212	#FDF5D4

#E2FFB7 #EAFEBB #F1FEC0 #F8FEC5 #FDFDCA #FDF8CF #FDF5D4

#E2FFB7 - #F8FEC5 - #FDF5D4

Códigos CSS

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

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