#00A66A - #006836 | 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 #00A66A a #006836

#00A66A #006836

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

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

0.0%	0.0% #00A66A	RGB 0 166 106	#00A66A
16.7%	16.7% #009B61	RGB 0 155 97	#009B61
33.3%	33.3% #009158	RGB 0 145 88	#009158
50.0%	50.0% #008750	RGB 0 135 80	#008750
66.7%	66.7% #007C47	RGB 0 124 71	#007C47
83.3%	83.3% #00723E	RGB 0 114 62	#00723E
100.0%	100.0% #006836	RGB 0 104 54	#006836

#00A66A #009B61 #009158 #008750 #007C47 #00723E #006836

#00A66A - #006836

Miscela HSV

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

0.0%	0.0% #00A66A	RGB 0 166 106	#00A66A
16.7%	16.7% #009B60	RGB 0 155 96	#009B60
33.3%	33.3% #009157	RGB 0 145 87	#009157
50.0%	50.0% #00874E	RGB 0 135 78	#00874E
66.7%	66.7% #007C45	RGB 0 124 69	#007C45
83.3%	83.3% #00723D	RGB 0 114 61	#00723D
100.0%	100.0% #006836	RGB 0 104 54	#006836

#00A66A #009B60 #009157 #00874E #007C45 #00723D #006836

#00A66A - #00874E - #006836

Codici CSS

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

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