#08FF5E - #B8FFD1 | 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 #08FF5E a #B8FFD1

#08FF5E #B8FFD1

Calcola il colore tra due colori, #08FF5E e #B8FFD1. 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)

#08FF5E - #B8FFD1 | 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 #08FF5E come 0% e #B8FFD1 come 100%.

0.0%	0.0% #08FF5E	RGB 8 255 94	#08FF5E
16.7%	16.7% #25FF71	RGB 37 255 113	#25FF71
33.3%	33.3% #42FF84	RGB 66 255 132	#42FF84
50.0%	50.0% #60FF97	RGB 96 255 151	#60FF97
66.7%	66.7% #7DFFAA	RGB 125 255 170	#7DFFAA
83.3%	83.3% #9AFFBD	RGB 154 255 189	#9AFFBD
100.0%	100.0% #B8FFD1	RGB 184 255 209	#B8FFD1

#08FF5E #25FF71 #42FF84 #60FF97 #7DFFAA #9AFFBD #B8FFD1

#08FF5E - #B8FFD1

Miscela HSV

#08FF5E - #B8FFD1 | 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 #08FF5E come 0% e #B8FFD1 come 100%.

0.0%	0.0% #07FF5E	RGB 7 255 94	#07FF5E
16.7%	16.7% #25FF71	RGB 37 255 113	#25FF71
33.3%	33.3% #42FF84	RGB 66 255 132	#42FF84
50.0%	50.0% #5FFF97	RGB 95 255 151	#5FFF97
66.7%	66.7% #7DFFAA	RGB 125 255 170	#7DFFAA
83.3%	83.3% #9AFFBD	RGB 154 255 189	#9AFFBD
100.0%	100.0% #B8FFD1	RGB 184 255 209	#B8FFD1

#07FF5E #25FF71 #42FF84 #5FFF97 #7DFFAA #9AFFBD #B8FFD1

#08FF5E - #5FFF97 - #B8FFD1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #07FF5E 0%, #5FFF97 50%, #B8FFD1 100%);
    background: -webkit-linear-gradient(top, #07FF5E 0%, #5FFF97 50%, #B8FFD1 100%);
    background: linear-gradient(to bottom, #07FF5E 0%, #5FFF97 50%, #B8FFD1 100%);
}
</style>