#00B05B - #003219 | 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 #00B05B a #003219

#00B05B #003219

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

#00B05B - #003219 | 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 #00B05B come 0% e #003219 come 100%.

0.0%	0.0% #00B05B	RGB 0 176 91	#00B05B
16.7%	16.7% #009B50	RGB 0 155 80	#009B50
33.3%	33.3% #008645	RGB 0 134 69	#008645
50.0%	50.0% #00713A	RGB 0 113 58	#00713A
66.7%	66.7% #005C2F	RGB 0 92 47	#005C2F
83.3%	83.3% #004724	RGB 0 71 36	#004724
100.0%	100.0% #003219	RGB 0 50 25	#003219

#00B05B #009B50 #008645 #00713A #005C2F #004724 #003219

#00B05B - #003219

Miscela HSV

#00B05B - #003219 | 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 #00B05B come 0% e #003219 come 100%.

0.0%	0.0% #00B05A	RGB 0 176 90	#00B05A
16.7%	16.7% #009B4F	RGB 0 155 79	#009B4F
33.3%	33.3% #008644	RGB 0 134 68	#008644
50.0%	50.0% #007139	RGB 0 113 57	#007139
66.7%	66.7% #005C2E	RGB 0 92 46	#005C2E
83.3%	83.3% #004723	RGB 0 71 35	#004723
100.0%	100.0% #003219	RGB 0 50 25	#003219

#00B05A #009B4F #008644 #007139 #005C2E #004723 #003219

#00B05B - #007139 - #003219

Codici CSS

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

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