#F0FFF7 - #A8F7DB | 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 #F0FFF7 a #A8F7DB

#F0FFF7 #A8F7DB

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

#F0FFF7 - #A8F7DB | 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 #F0FFF7 como 0% y #A8F7DB como 100%.

0.0%	0.0% #F0FFF7	RGB 240 255 247	#F0FFF7
16.7%	16.7% #E4FDF2	RGB 228 253 242	#E4FDF2
33.3%	33.3% #D8FCED	RGB 216 252 237	#D8FCED
50.0%	50.0% #CCFBE9	RGB 204 251 233	#CCFBE9
66.7%	66.7% #C0F9E4	RGB 192 249 228	#C0F9E4
83.3%	83.3% #B4F8DF	RGB 180 248 223	#B4F8DF
100.0%	100.0% #A8F7DB	RGB 168 247 219	#A8F7DB

#F0FFF7 #E4FDF2 #D8FCED #CCFBE9 #C0F9E4 #B4F8DF #A8F7DB

#F0FFF7 - #A8F7DB

Mezcla HSV

#F0FFF7 - #A8F7DB | 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 #F0FFF7 como 0% y #A8F7DB como 100%.

0.0%	0.0% #F0FFF7	RGB 240 255 247	#F0FFF7
16.7%	16.7% #E3FDF0	RGB 227 253 240	#E3FDF0
33.3%	33.3% #D7FCEA	RGB 215 252 234	#D7FCEA
50.0%	50.0% #CBFBE5	RGB 203 251 229	#CBFBE5
66.7%	66.7% #BFF9E1	RGB 191 249 225	#BFF9E1
83.3%	83.3% #B3F8DD	RGB 179 248 221	#B3F8DD
100.0%	100.0% #A8F7DB	RGB 168 247 219	#A8F7DB

#F0FFF7 #E3FDF0 #D7FCEA #CBFBE5 #BFF9E1 #B3F8DD #A8F7DB

#F0FFF7 - #CBFBE5 - #A8F7DB

Códigos CSS

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

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