#FCFF5E - #E7FAA7 | 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 #FCFF5E a #E7FAA7

#FCFF5E #E7FAA7

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

#FCFF5E - #E7FAA7 | 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 #FCFF5E como 0% y #E7FAA7 como 100%.

0.0%	0.0% #FCFF5E	RGB 252 255 94	#FCFF5E
16.7%	16.7% #F8FE6A	RGB 248 254 106	#F8FE6A
33.3%	33.3% #F5FD76	RGB 245 253 118	#F5FD76
50.0%	50.0% #F1FC82	RGB 241 252 130	#F1FC82
66.7%	66.7% #EEFB8E	RGB 238 251 142	#EEFB8E
83.3%	83.3% #EAFA9A	RGB 234 250 154	#EAFA9A
100.0%	100.0% #E7FAA7	RGB 231 250 167	#E7FAA7

#FCFF5E #F8FE6A #F5FD76 #F1FC82 #EEFB8E #EAFA9A #E7FAA7

#FCFF5E - #E7FAA7

Mezcla HSV

#FCFF5E - #E7FAA7 | 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 #FCFF5E como 0% y #E7FAA7 como 100%.

0.0%	0.0% #FCFF5D	RGB 252 255 93	#FCFF5D
16.7%	16.7% #F6FE6A	RGB 246 254 106	#F6FE6A
33.3%	33.3% #F1FD76	RGB 241 253 118	#F1FD76
50.0%	50.0% #EDFC82	RGB 237 252 130	#EDFC82
66.7%	66.7% #EAFB8E	RGB 234 251 142	#EAFB8E
83.3%	83.3% #E8FA9B	RGB 232 250 155	#E8FA9B
100.0%	100.0% #E7FAA7	RGB 231 250 167	#E7FAA7

#FCFF5D #F6FE6A #F1FD76 #EDFC82 #EAFB8E #E8FA9B #E7FAA7

#FCFF5E - #EDFC82 - #E7FAA7

Códigos CSS

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

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