#F8FF5E - #ECFAA6 | 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 #F8FF5E a #ECFAA6

#F8FF5E #ECFAA6

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

#F8FF5E - #ECFAA6 | 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 #F8FF5E como 0% y #ECFAA6 como 100%.

0.0%	0.0% #F8FF5E	RGB 248 255 94	#F8FF5E
16.7%	16.7% #F6FE6A	RGB 246 254 106	#F6FE6A
33.3%	33.3% #F4FD76	RGB 244 253 118	#F4FD76
50.0%	50.0% #F2FC82	RGB 242 252 130	#F2FC82
66.7%	66.7% #F0FB8E	RGB 240 251 142	#F0FB8E
83.3%	83.3% #EEFA9A	RGB 238 250 154	#EEFA9A
100.0%	100.0% #ECFAA6	RGB 236 250 166	#ECFAA6

#F8FF5E #F6FE6A #F4FD76 #F2FC82 #F0FB8E #EEFA9A #ECFAA6

#F8FF5E - #ECFAA6

Mezcla HSV

#F8FF5E - #ECFAA6 | 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 #F8FF5E como 0% y #ECFAA6 como 100%.

0.0%	0.0% #F8FF5D	RGB 248 255 93	#F8FF5D
16.7%	16.7% #F4FE6A	RGB 244 254 106	#F4FE6A
33.3%	33.3% #F1FD76	RGB 241 253 118	#F1FD76
50.0%	50.0% #EFFC82	RGB 239 252 130	#EFFC82
66.7%	66.7% #EDFB8E	RGB 237 251 142	#EDFB8E
83.3%	83.3% #ECFA9A	RGB 236 250 154	#ECFA9A
100.0%	100.0% #ECFAA6	RGB 236 250 166	#ECFAA6

#F8FF5D #F4FE6A #F1FD76 #EFFC82 #EDFB8E #ECFA9A #ECFAA6

#F8FF5E - #EFFC82 - #ECFAA6

Códigos CSS

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

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