#2A8C4B - #C2DECB | 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 #2A8C4B a #C2DECB

#2A8C4B #C2DECB

Calcola il colore tra due colori, #2A8C4B e #C2DECB. 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)

#2A8C4B - #C2DECB | 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 #2A8C4B come 0% e #C2DECB come 100%.

0.0%	0.0% #2A8C4B	RGB 42 140 75	#2A8C4B
16.7%	16.7% #439960	RGB 67 153 96	#439960
33.3%	33.3% #5CA775	RGB 92 167 117	#5CA775
50.0%	50.0% #76B58B	RGB 118 181 139	#76B58B
66.7%	66.7% #8FC2A0	RGB 143 194 160	#8FC2A0
83.3%	83.3% #A8D0B5	RGB 168 208 181	#A8D0B5
100.0%	100.0% #C2DECB	RGB 194 222 203	#C2DECB

#2A8C4B #439960 #5CA775 #76B58B #8FC2A0 #A8D0B5 #C2DECB

#2A8C4B - #C2DECB

Miscela HSV

#2A8C4B - #C2DECB | 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 #2A8C4B come 0% e #C2DECB come 100%.

0.0%	0.0% #2A8C4B	RGB 42 140 75	#2A8C4B
16.7%	16.7% #3C995B	RGB 60 153 91	#3C995B
33.3%	33.3% #52A76E	RGB 82 167 110	#52A76E
50.0%	50.0% #6AB582	RGB 106 181 130	#6AB582
66.7%	66.7% #84C299	RGB 132 194 153	#84C299
83.3%	83.3% #A2D0B1	RGB 162 208 177	#A2D0B1
100.0%	100.0% #C2DECB	RGB 194 222 203	#C2DECB

#2A8C4B #3C995B #52A76E #6AB582 #84C299 #A2D0B1 #C2DECB

#2A8C4B - #6AB582 - #C2DECB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A8C4B 0%, #6AB582 50%, #C2DECB 100%);
    background: -webkit-linear-gradient(top, #2A8C4B 0%, #6AB582 50%, #C2DECB 100%);
    background: linear-gradient(to bottom, #2A8C4B 0%, #6AB582 50%, #C2DECB 100%);
}
</style>