#A8C88E - #609D3C | 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 #A8C88E a #609D3C

#A8C88E #609D3C

Calcola il colore tra due colori, #A8C88E e #609D3C. 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)

#A8C88E - #609D3C | 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 #A8C88E come 0% e #609D3C come 100%.

0.0%	0.0% #A8C88E	RGB 168 200 142	#A8C88E
16.7%	16.7% #9CC080	RGB 156 192 128	#9CC080
33.3%	33.3% #90B972	RGB 144 185 114	#90B972
50.0%	50.0% #84B265	RGB 132 178 101	#84B265
66.7%	66.7% #78AB57	RGB 120 171 87	#78AB57
83.3%	83.3% #6CA449	RGB 108 164 73	#6CA449
100.0%	100.0% #609D3C	RGB 96 157 60	#609D3C

#A8C88E #9CC080 #90B972 #84B265 #78AB57 #6CA449 #609D3C

#A8C88E - #609D3C

Miscela HSV

#A8C88E - #609D3C | 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 #A8C88E come 0% e #609D3C come 100%.

0.0%	0.0% #A8C88E	RGB 168 200 142	#A8C88E
16.7%	16.7% #9BC07E	RGB 155 192 126	#9BC07E
33.3%	33.3% #8EB96F	RGB 142 185 111	#8EB96F
50.0%	50.0% #82B261	RGB 130 178 97	#82B261
66.7%	66.7% #76AB54	RGB 118 171 84	#76AB54
83.3%	83.3% #6BA447	RGB 107 164 71	#6BA447
100.0%	100.0% #609D3C	RGB 96 157 60	#609D3C

#A8C88E #9BC07E #8EB96F #82B261 #76AB54 #6BA447 #609D3C

#A8C88E - #82B261 - #609D3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C88E 0%, #82B261 50%, #609D3C 100%);
    background: -webkit-linear-gradient(top, #A8C88E 0%, #82B261 50%, #609D3C 100%);
    background: linear-gradient(to bottom, #A8C88E 0%, #82B261 50%, #609D3C 100%);
}
</style>