#F3FFF0 - #FBFFFA | 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 #F3FFF0 a #FBFFFA

#F3FFF0 #FBFFFA

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

#F3FFF0 - #FBFFFA | 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 #F3FFF0 como 0% y #FBFFFA como 100%.

0.0%	0.0% #F3FFF0	RGB 243 255 240	#F3FFF0
16.7%	16.7% #F4FFF1	RGB 244 255 241	#F4FFF1
33.3%	33.3% #F5FFF3	RGB 245 255 243	#F5FFF3
50.0%	50.0% #F7FFF5	RGB 247 255 245	#F7FFF5
66.7%	66.7% #F8FFF6	RGB 248 255 246	#F8FFF6
83.3%	83.3% #F9FFF8	RGB 249 255 248	#F9FFF8
100.0%	100.0% #FBFFFA	RGB 251 255 250	#FBFFFA

#F3FFF0 #F4FFF1 #F5FFF3 #F7FFF5 #F8FFF6 #F9FFF8 #FBFFFA

#F3FFF0 - #FBFFFA

Mezcla HSV

#F3FFF0 - #FBFFFA | 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 #F3FFF0 como 0% y #FBFFFA como 100%.

0.0%	0.0% #F3FFF0	RGB 243 255 240	#F3FFF0
16.7%	16.7% #F4FFF1	RGB 244 255 241	#F4FFF1
33.3%	33.3% #F5FFF3	RGB 245 255 243	#F5FFF3
50.0%	50.0% #F7FFF5	RGB 247 255 245	#F7FFF5
66.7%	66.7% #F8FFF6	RGB 248 255 246	#F8FFF6
83.3%	83.3% #F9FFF8	RGB 249 255 248	#F9FFF8
100.0%	100.0% #FBFFFA	RGB 251 255 250	#FBFFFA

#F3FFF0 #F4FFF1 #F5FFF3 #F7FFF5 #F8FFF6 #F9FFF8 #FBFFFA

#F3FFF0 - #F7FFF5 - #FBFFFA

Códigos CSS

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

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