#796C40 - #C5DF5E | 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 #796C40 a #C5DF5E

#796C40 #C5DF5E

Calcola il colore tra due colori, #796C40 e #C5DF5E. 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)

#796C40 - #C5DF5E | 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 #796C40 come 0% e #C5DF5E come 100%.

0.0%	0.0% #796C40	RGB 121 108 64	#796C40
16.7%	16.7% #857F45	RGB 133 127 69	#857F45
33.3%	33.3% #92924A	RGB 146 146 74	#92924A
50.0%	50.0% #9FA54F	RGB 159 165 79	#9FA54F
66.7%	66.7% #ABB854	RGB 171 184 84	#ABB854
83.3%	83.3% #B8CB59	RGB 184 203 89	#B8CB59
100.0%	100.0% #C5DF5E	RGB 197 223 94	#C5DF5E

#796C40 #857F45 #92924A #9FA54F #ABB854 #B8CB59 #C5DF5E

#796C40 - #C5DF5E

Miscela HSV

#796C40 - #C5DF5E | 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 #796C40 come 0% e #C5DF5E come 100%.

0.0%	0.0% #796C40	RGB 121 108 64	#796C40
16.7%	16.7% #8A7F46	RGB 138 127 70	#8A7F46
33.3%	33.3% #9B944C	RGB 155 148 76	#9B944C
50.0%	50.0% #ACAA51	RGB 172 170 81	#ACAA51
66.7%	66.7% #B7BD56	RGB 183 189 86	#B7BD56
83.3%	83.3% #BECE5A	RGB 190 206 90	#BECE5A
100.0%	100.0% #C5DF5E	RGB 197 223 94	#C5DF5E

#796C40 #8A7F46 #9B944C #ACAA51 #B7BD56 #BECE5A #C5DF5E

#796C40 - #ACAA51 - #C5DF5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #796C40 0%, #ACAA51 50%, #C5DF5E 100%);
    background: -webkit-linear-gradient(top, #796C40 0%, #ACAA51 50%, #C5DF5E 100%);
    background: linear-gradient(to bottom, #796C40 0%, #ACAA51 50%, #C5DF5E 100%);
}
</style>