#E5E65C - #F7F7D0 | 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 #E5E65C a #F7F7D0

#E5E65C #F7F7D0

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

#E5E65C - #F7F7D0 | 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 #E5E65C como 0% y #F7F7D0 como 100%.

0.0%	0.0% #E5E65C	RGB 229 230 92	#E5E65C
16.7%	16.7% #E8E86F	RGB 232 232 111	#E8E86F
33.3%	33.3% #EBEB82	RGB 235 235 130	#EBEB82
50.0%	50.0% #EEEE96	RGB 238 238 150	#EEEE96
66.7%	66.7% #F1F1A9	RGB 241 241 169	#F1F1A9
83.3%	83.3% #F4F4BC	RGB 244 244 188	#F4F4BC
100.0%	100.0% #F7F7D0	RGB 247 247 208	#F7F7D0

#E5E65C #E8E86F #EBEB82 #EEEE96 #F1F1A9 #F4F4BC #F7F7D0

#E5E65C - #F7F7D0

Mezcla HSV

#E5E65C - #F7F7D0 | 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 #E5E65C como 0% y #F7F7D0 como 100%.

0.0%	0.0% #E5E65C	RGB 229 230 92	#E5E65C
16.7%	16.7% #E8E86E	RGB 232 232 110	#E8E86E
33.3%	33.3% #EBEB80	RGB 235 235 128	#EBEB80
50.0%	50.0% #EEEE94	RGB 238 238 148	#EEEE94
66.7%	66.7% #F1F1A7	RGB 241 241 167	#F1F1A7
83.3%	83.3% #F4F4BB	RGB 244 244 187	#F4F4BB
100.0%	100.0% #F7F7D0	RGB 247 247 208	#F7F7D0

#E5E65C #E8E86E #EBEB80 #EEEE94 #F1F1A7 #F4F4BB #F7F7D0

#E5E65C - #EEEE94 - #F7F7D0

Códigos CSS

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

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