#2B5E1E - #AAAF4D | 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 #2B5E1E a #AAAF4D

#2B5E1E #AAAF4D

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

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

0.0%	0.0% #2B5E1E	RGB 43 94 30	#2B5E1E
16.7%	16.7% #406B25	RGB 64 107 37	#406B25
33.3%	33.3% #55792D	RGB 85 121 45	#55792D
50.0%	50.0% #6A8635	RGB 106 134 53	#6A8635
66.7%	66.7% #7F943D	RGB 127 148 61	#7F943D
83.3%	83.3% #94A145	RGB 148 161 69	#94A145
100.0%	100.0% #AAAF4D	RGB 170 175 77	#AAAF4D

#2B5E1E #406B25 #55792D #6A8635 #7F943D #94A145 #AAAF4D

#2B5E1E - #AAAF4D

Miscela HSV

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

0.0%	0.0% #2B5E1E	RGB 43 94 30	#2B5E1E
16.7%	16.7% #3B6B24	RGB 59 107 36	#3B6B24
33.3%	33.3% #4E792B	RGB 78 121 43	#4E792B
50.0%	50.0% #638633	RGB 99 134 51	#638633
66.7%	66.7% #79943B	RGB 121 148 59	#79943B
83.3%	83.3% #91A143	RGB 145 161 67	#91A143
100.0%	100.0% #AAAF4D	RGB 170 175 77	#AAAF4D

#2B5E1E #3B6B24 #4E792B #638633 #79943B #91A143 #AAAF4D

#2B5E1E - #638633 - #AAAF4D

Codici CSS

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

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