#E3E386 - #F7F7DC | 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 #E3E386 a #F7F7DC

#E3E386 #F7F7DC

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

#E3E386 - #F7F7DC | 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 #E3E386 como 0% y #F7F7DC como 100%.

0.0%	0.0% #E3E386	RGB 227 227 134	#E3E386
16.7%	16.7% #E6E694	RGB 230 230 148	#E6E694
33.3%	33.3% #E9E9A2	RGB 233 233 162	#E9E9A2
50.0%	50.0% #EDEDB1	RGB 237 237 177	#EDEDB1
66.7%	66.7% #F0F0BF	RGB 240 240 191	#F0F0BF
83.3%	83.3% #F3F3CD	RGB 243 243 205	#F3F3CD
100.0%	100.0% #F7F7DC	RGB 247 247 220	#F7F7DC

#E3E386 #E6E694 #E9E9A2 #EDEDB1 #F0F0BF #F3F3CD #F7F7DC

#E3E386 - #F7F7DC

Mezcla HSV

#E3E386 - #F7F7DC | 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 #E3E386 como 0% y #F7F7DC como 100%.

0.0%	0.0% #E3E386	RGB 227 227 134	#E3E386
16.7%	16.7% #E6E693	RGB 230 230 147	#E6E693
33.3%	33.3% #E9E9A1	RGB 233 233 161	#E9E9A1
50.0%	50.0% #EDEDAF	RGB 237 237 175	#EDEDAF
66.7%	66.7% #F0F0BD	RGB 240 240 189	#F0F0BD
83.3%	83.3% #F3F3CC	RGB 243 243 204	#F3F3CC
100.0%	100.0% #F7F7DC	RGB 247 247 220	#F7F7DC

#E3E386 #E6E693 #E9E9A1 #EDEDAF #F0F0BD #F3F3CC #F7F7DC

#E3E386 - #EDEDAF - #F7F7DC

Códigos CSS

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

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