#00BBA1 - #00352E | 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 #00BBA1 a #00352E

#00BBA1 #00352E

Calcola il colore tra due colori, #00BBA1 e #00352E. 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)

#00BBA1 - #00352E | 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 #00BBA1 come 0% e #00352E come 100%.

0.0%	0.0% #00BBA1	RGB 0 187 161	#00BBA1
16.7%	16.7% #00A48D	RGB 0 164 141	#00A48D
33.3%	33.3% #008E7A	RGB 0 142 122	#008E7A
50.0%	50.0% #007867	RGB 0 120 103	#007867
66.7%	66.7% #006154	RGB 0 97 84	#006154
83.3%	83.3% #004B41	RGB 0 75 65	#004B41
100.0%	100.0% #00352E	RGB 0 53 46	#00352E

#00BBA1 #00A48D #008E7A #007867 #006154 #004B41 #00352E

#00BBA1 - #00352E

Miscela HSV

#00BBA1 - #00352E | 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 #00BBA1 come 0% e #00352E come 100%.

0.0%	0.0% #00BBA0	RGB 0 187 160	#00BBA0
16.7%	16.7% #00A48D	RGB 0 164 141	#00A48D
33.3%	33.3% #008E7A	RGB 0 142 122	#008E7A
50.0%	50.0% #007867	RGB 0 120 103	#007867
66.7%	66.7% #006154	RGB 0 97 84	#006154
83.3%	83.3% #004B41	RGB 0 75 65	#004B41
100.0%	100.0% #00352E	RGB 0 53 46	#00352E

#00BBA0 #00A48D #008E7A #007867 #006154 #004B41 #00352E

#00BBA1 - #007867 - #00352E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BBA0 0%, #007867 50%, #00352E 100%);
    background: -webkit-linear-gradient(top, #00BBA0 0%, #007867 50%, #00352E 100%);
    background: linear-gradient(to bottom, #00BBA0 0%, #007867 50%, #00352E 100%);
}
</style>