#FDFFF0 - #E8FFFF | 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 #FDFFF0 a #E8FFFF

#FDFFF0 #E8FFFF

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

#FDFFF0 - #E8FFFF | 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 #FDFFF0 como 0% y #E8FFFF como 100%.

0.0%	0.0% #FDFFF0	RGB 253 255 240	#FDFFF0
16.7%	16.7% #F9FFF2	RGB 249 255 242	#F9FFF2
33.3%	33.3% #F6FFF5	RGB 246 255 245	#F6FFF5
50.0%	50.0% #F2FFF7	RGB 242 255 247	#F2FFF7
66.7%	66.7% #EFFFFA	RGB 239 255 250	#EFFFFA
83.3%	83.3% #EBFFFC	RGB 235 255 252	#EBFFFC
100.0%	100.0% #E8FFFF	RGB 232 255 255	#E8FFFF

#FDFFF0 #F9FFF2 #F6FFF5 #F2FFF7 #EFFFFA #EBFFFC #E8FFFF

#FDFFF0 - #E8FFFF

Mezcla HSV

#FDFFF0 - #E8FFFF | 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 #FDFFF0 como 0% y #E8FFFF como 100%.

0.0%	0.0% #FDFFF0	RGB 253 255 240	#FDFFF0
16.7%	16.7% #F7FFEE	RGB 247 255 238	#F7FFEE
33.3%	33.3% #F1FFED	RGB 241 255 237	#F1FFED
50.0%	50.0% #ECFFED	RGB 236 255 237	#ECFFED
66.7%	66.7% #EAFFF2	RGB 234 255 242	#EAFFF2
83.3%	83.3% #E9FFF8	RGB 233 255 248	#E9FFF8
100.0%	100.0% #E8FFFF	RGB 232 255 255	#E8FFFF

#FDFFF0 #F7FFEE #F1FFED #ECFFED #EAFFF2 #E9FFF8 #E8FFFF

#FDFFF0 - #ECFFED - #E8FFFF

Códigos CSS

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

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