#3E5000 - #AA9A2B | 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 #3E5000 a #AA9A2B

#3E5000 #AA9A2B

Calcola il colore tra due colori, #3E5000 e #AA9A2B. 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)

#3E5000 - #AA9A2B | 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 #3E5000 come 0% e #AA9A2B come 100%.

0.0%	0.0% #3E5000	RGB 62 80 0	#3E5000
16.7%	16.7% #505C07	RGB 80 92 7	#505C07
33.3%	33.3% #62680E	RGB 98 104 14	#62680E
50.0%	50.0% #747515	RGB 116 117 21	#747515
66.7%	66.7% #86811C	RGB 134 129 28	#86811C
83.3%	83.3% #988D23	RGB 152 141 35	#988D23
100.0%	100.0% #AA9A2B	RGB 170 154 43	#AA9A2B

#3E5000 #505C07 #62680E #747515 #86811C #988D23 #AA9A2B

#3E5000 - #AA9A2B

Miscela HSV

#3E5000 - #AA9A2B | 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 #3E5000 come 0% e #AA9A2B come 100%.

0.0%	0.0% #3E5000	RGB 62 80 0	#3E5000
16.7%	16.7% #4F5F04	RGB 79 95 4	#4F5F04
33.3%	33.3% #636E09	RGB 99 110 9	#636E09
50.0%	50.0% #777D0F	RGB 119 125 15	#777D0F
66.7%	66.7% #8C8A17	RGB 140 138 23	#8C8A17
83.3%	83.3% #9B9220	RGB 155 146 32	#9B9220
100.0%	100.0% #AA9A2B	RGB 170 154 43	#AA9A2B

#3E5000 #4F5F04 #636E09 #777D0F #8C8A17 #9B9220 #AA9A2B

#3E5000 - #777D0F - #AA9A2B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5000 0%, #777D0F 50%, #AA9A2B 100%);
    background: -webkit-linear-gradient(top, #3E5000 0%, #777D0F 50%, #AA9A2B 100%);
    background: linear-gradient(to bottom, #3E5000 0%, #777D0F 50%, #AA9A2B 100%);
}
</style>