#F0FFF0 - #EDFBDD | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #F0FFF0 a #EDFBDD

#F0FFF0 #EDFBDD

Calcola il colore tra due colori, #F0FFF0 e #EDFBDD. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#F0FFF0 - #EDFBDD | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #F0FFF0 come 0% e #EDFBDD come 100%.

0.0%	0.0% #F0FFF0	RGB 240 255 240	#F0FFF0
16.7%	16.7% #EFFEEC	RGB 239 254 236	#EFFEEC
33.3%	33.3% #EFFDE9	RGB 239 253 233	#EFFDE9
50.0%	50.0% #EEFDE6	RGB 238 253 230	#EEFDE6
66.7%	66.7% #EEFCE3	RGB 238 252 227	#EEFCE3
83.3%	83.3% #EDFBE0	RGB 237 251 224	#EDFBE0
100.0%	100.0% #EDFBDD	RGB 237 251 221	#EDFBDD

#F0FFF0 #EFFEEC #EFFDE9 #EEFDE6 #EEFCE3 #EDFBE0 #EDFBDD

#F0FFF0 - #EDFBDD

Miscela HSV

#F0FFF0 - #EDFBDD | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #F0FFF0 come 0% e #EDFBDD come 100%.

0.0%	0.0% #F0FFF0	RGB 240 255 240	#F0FFF0
16.7%	16.7% #EEFEEC	RGB 238 254 236	#EEFEEC
33.3%	33.3% #EDFDE9	RGB 237 253 233	#EDFDE9
50.0%	50.0% #ECFDE6	RGB 236 253 230	#ECFDE6
66.7%	66.7% #ECFCE3	RGB 236 252 227	#ECFCE3
83.3%	83.3% #ECFBE0	RGB 236 251 224	#ECFBE0
100.0%	100.0% #EDFBDD	RGB 237 251 221	#EDFBDD

#F0FFF0 #EEFEEC #EDFDE9 #ECFDE6 #ECFCE3 #ECFBE0 #EDFBDD

#F0FFF0 - #ECFDE6 - #EDFBDD

Codici CSS

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

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