#5E6733 - #CDB15B | 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 #5E6733 a #CDB15B

#5E6733 #CDB15B

Calcola il colore tra due colori, #5E6733 e #CDB15B. 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)

#5E6733 - #CDB15B | 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 #5E6733 come 0% e #CDB15B come 100%.

0.0%	0.0% #5E6733	RGB 94 103 51	#5E6733
16.7%	16.7% #707339	RGB 112 115 57	#707339
33.3%	33.3% #837F40	RGB 131 127 64	#837F40
50.0%	50.0% #958C47	RGB 149 140 71	#958C47
66.7%	66.7% #A8984D	RGB 168 152 77	#A8984D
83.3%	83.3% #BAA454	RGB 186 164 84	#BAA454
100.0%	100.0% #CDB15B	RGB 205 177 91	#CDB15B

#5E6733 #707339 #837F40 #958C47 #A8984D #BAA454 #CDB15B

#5E6733 - #CDB15B

Miscela HSV

#5E6733 - #CDB15B | 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 #5E6733 come 0% e #CDB15B come 100%.

0.0%	0.0% #5E6733	RGB 94 103 51	#5E6733
16.7%	16.7% #71783A	RGB 113 120 58	#71783A
33.3%	33.3% #868941	RGB 134 137 65	#868941
50.0%	50.0% #9A9748	RGB 154 151 72	#9A9748
66.7%	66.7% #ABA14E	RGB 171 161 78	#ABA14E
83.3%	83.3% #BCA955	RGB 188 169 85	#BCA955
100.0%	100.0% #CDB15B	RGB 205 177 91	#CDB15B

#5E6733 #71783A #868941 #9A9748 #ABA14E #BCA955 #CDB15B

#5E6733 - #9A9748 - #CDB15B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6733 0%, #9A9748 50%, #CDB15B 100%);
    background: -webkit-linear-gradient(top, #5E6733 0%, #9A9748 50%, #CDB15B 100%);
    background: linear-gradient(to bottom, #5E6733 0%, #9A9748 50%, #CDB15B 100%);
}
</style>