#2D3E24 - #838650 | 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 #2D3E24 a #838650

#2D3E24 #838650

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

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

0.0%	0.0% #2D3E24	RGB 45 62 36	#2D3E24
16.7%	16.7% #3B4A2B	RGB 59 74 43	#3B4A2B
33.3%	33.3% #495632	RGB 73 86 50	#495632
50.0%	50.0% #58623A	RGB 88 98 58	#58623A
66.7%	66.7% #666E41	RGB 102 110 65	#666E41
83.3%	83.3% #747A48	RGB 116 122 72	#747A48
100.0%	100.0% #838650	RGB 131 134 80	#838650

#2D3E24 #3B4A2B #495632 #58623A #666E41 #747A48 #838650

#2D3E24 - #838650

Miscela HSV

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

0.0%	0.0% #2D3E24	RGB 45 62 36	#2D3E24
16.7%	16.7% #384A2B	RGB 56 74 43	#384A2B
33.3%	33.3% #455632	RGB 69 86 50	#455632
50.0%	50.0% #536239	RGB 83 98 57	#536239
66.7%	66.7% #626E41	RGB 98 110 65	#626E41
83.3%	83.3% #727A48	RGB 114 122 72	#727A48
100.0%	100.0% #838650	RGB 131 134 80	#838650

#2D3E24 #384A2B #455632 #536239 #626E41 #727A48 #838650

#2D3E24 - #536239 - #838650

Codici CSS

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

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