#0FFFA2 - #04482E | 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 #0FFFA2 a #04482E

#0FFFA2 #04482E

Calcola il colore tra due colori, #0FFFA2 e #04482E. 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)

#0FFFA2 - #04482E | 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 #0FFFA2 come 0% e #04482E come 100%.

0.0%	0.0% #0FFFA2	RGB 15 255 162	#0FFFA2
16.7%	16.7% #0DE08E	RGB 13 224 142	#0DE08E
33.3%	33.3% #0BC27B	RGB 11 194 123	#0BC27B
50.0%	50.0% #09A368	RGB 9 163 104	#09A368
66.7%	66.7% #078454	RGB 7 132 84	#078454
83.3%	83.3% #056641	RGB 5 102 65	#056641
100.0%	100.0% #04482E	RGB 4 72 46	#04482E

#0FFFA2 #0DE08E #0BC27B #09A368 #078454 #056641 #04482E

#0FFFA2 - #04482E

Miscela HSV

#0FFFA2 - #04482E | 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 #0FFFA2 come 0% e #04482E come 100%.

0.0%	0.0% #0EFFA2	RGB 14 255 162	#0EFFA2
16.7%	16.7% #0DE08E	RGB 13 224 142	#0DE08E
33.3%	33.3% #0BC27B	RGB 11 194 123	#0BC27B
50.0%	50.0% #09A368	RGB 9 163 104	#09A368
66.7%	66.7% #078454	RGB 7 132 84	#078454
83.3%	83.3% #056641	RGB 5 102 65	#056641
100.0%	100.0% #04482E	RGB 4 72 46	#04482E

#0EFFA2 #0DE08E #0BC27B #09A368 #078454 #056641 #04482E

#0FFFA2 - #09A368 - #04482E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0EFFA2 0%, #09A368 50%, #04482E 100%);
    background: -webkit-linear-gradient(top, #0EFFA2 0%, #09A368 50%, #04482E 100%);
    background: linear-gradient(to bottom, #0EFFA2 0%, #09A368 50%, #04482E 100%);
}
</style>