#E5E6B9 - #F0F8D9 | 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 #E5E6B9 a #F0F8D9

#E5E6B9 #F0F8D9

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

#E5E6B9 - #F0F8D9 | 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 #E5E6B9 como 0% y #F0F8D9 como 100%.

0.0%	0.0% #E5E6B9	RGB 229 230 185	#E5E6B9
16.7%	16.7% #E6E9BE	RGB 230 233 190	#E6E9BE
33.3%	33.3% #E8ECC3	RGB 232 236 195	#E8ECC3
50.0%	50.0% #EAEFC9	RGB 234 239 201	#EAEFC9
66.7%	66.7% #ECF2CE	RGB 236 242 206	#ECF2CE
83.3%	83.3% #EEF5D3	RGB 238 245 211	#EEF5D3
100.0%	100.0% #F0F8D9	RGB 240 248 217	#F0F8D9

#E5E6B9 #E6E9BE #E8ECC3 #EAEFC9 #ECF2CE #EEF5D3 #F0F8D9

#E5E6B9 - #F0F8D9

Mezcla HSV

#E5E6B9 - #F0F8D9 | 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 #E5E6B9 como 0% y #F0F8D9 como 100%.

0.0%	0.0% #E5E6B9	RGB 229 230 185	#E5E6B9
16.7%	16.7% #E6E9BE	RGB 230 233 190	#E6E9BE
33.3%	33.3% #E7ECC3	RGB 231 236 195	#E7ECC3
50.0%	50.0% #E9EFC8	RGB 233 239 200	#E9EFC8
66.7%	66.7% #EBF2CE	RGB 235 242 206	#EBF2CE
83.3%	83.3% #EDF5D3	RGB 237 245 211	#EDF5D3
100.0%	100.0% #F0F8D9	RGB 240 248 217	#F0F8D9

#E5E6B9 #E6E9BE #E7ECC3 #E9EFC8 #EBF2CE #EDF5D3 #F0F8D9

#E5E6B9 - #E9EFC8 - #F0F8D9

Códigos CSS

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

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