#AEAE5E - #81771C | 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 #AEAE5E a #81771C

#AEAE5E #81771C

Calcola il colore tra due colori, #AEAE5E e #81771C. 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)

#AEAE5E - #81771C | 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 #AEAE5E come 0% e #81771C come 100%.

0.0%	0.0% #AEAE5E	RGB 174 174 94	#AEAE5E
16.7%	16.7% #A6A453	RGB 166 164 83	#A6A453
33.3%	33.3% #9F9B48	RGB 159 155 72	#9F9B48
50.0%	50.0% #97923D	RGB 151 146 61	#97923D
66.7%	66.7% #908932	RGB 144 137 50	#908932
83.3%	83.3% #888027	RGB 136 128 39	#888027
100.0%	100.0% #81771C	RGB 129 119 28	#81771C

#AEAE5E #A6A453 #9F9B48 #97923D #908932 #888027 #81771C

#AEAE5E - #81771C

Miscela HSV

#AEAE5E - #81771C | 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 #AEAE5E come 0% e #81771C come 100%.

0.0%	0.0% #AEAE5E	RGB 174 174 94	#AEAE5E
16.7%	16.7% #A6A550	RGB 166 165 80	#A6A550
33.3%	33.3% #9F9C44	RGB 159 156 68	#9F9C44
50.0%	50.0% #979239	RGB 151 146 57	#979239
66.7%	66.7% #90892E	RGB 144 137 46	#90892E
83.3%	83.3% #888024	RGB 136 128 36	#888024
100.0%	100.0% #81771C	RGB 129 119 28	#81771C

#AEAE5E #A6A550 #9F9C44 #979239 #90892E #888024 #81771C

#AEAE5E - #979239 - #81771C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEAE5E 0%, #979239 50%, #81771C 100%);
    background: -webkit-linear-gradient(top, #AEAE5E 0%, #979239 50%, #81771C 100%);
    background: linear-gradient(to bottom, #AEAE5E 0%, #979239 50%, #81771C 100%);
}
</style>