#3E5532 - #828384 | 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 #3E5532 a #828384

#3E5532 #828384

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

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

0.0%	0.0% #3E5532	RGB 62 85 50	#3E5532
16.7%	16.7% #495C3F	RGB 73 92 63	#495C3F
33.3%	33.3% #54644D	RGB 84 100 77	#54644D
50.0%	50.0% #606C5B	RGB 96 108 91	#606C5B
66.7%	66.7% #6B7368	RGB 107 115 104	#6B7368
83.3%	83.3% #767B76	RGB 118 123 118	#767B76
100.0%	100.0% #828384	RGB 130 131 132	#828384

#3E5532 #495C3F #54644D #606C5B #6B7368 #767B76 #828384

#3E5532 - #828384

Miscela HSV

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

0.0%	0.0% #3E5532	RGB 62 85 50	#3E5532
16.7%	16.7% #3D5C3C	RGB 61 92 60	#3D5C3C
33.3%	33.3% #486450	RGB 72 100 80	#486450
50.0%	50.0% #556C62	RGB 85 108 98	#556C62
66.7%	66.7% #637472	RGB 99 116 114	#637472
83.3%	83.3% #727A7C	RGB 114 122 124	#727A7C
100.0%	100.0% #828384	RGB 130 131 132	#828384

#3E5532 #3D5C3C #486450 #556C62 #637472 #727A7C #828384

#3E5532 - #556C62 - #828384

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5532 0%, #556C62 50%, #828384 100%);
    background: -webkit-linear-gradient(top, #3E5532 0%, #556C62 50%, #828384 100%);
    background: linear-gradient(to bottom, #3E5532 0%, #556C62 50%, #828384 100%);
}
</style>