#7A8D5C - #3E5D16 | 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 #7A8D5C a #3E5D16

#7A8D5C #3E5D16

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

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

0.0%	0.0% #7A8D5C	RGB 122 141 92	#7A8D5C
16.7%	16.7% #708550	RGB 112 133 80	#708550
33.3%	33.3% #667D44	RGB 102 125 68	#667D44
50.0%	50.0% #5C7539	RGB 92 117 57	#5C7539
66.7%	66.7% #526D2D	RGB 82 109 45	#526D2D
83.3%	83.3% #486521	RGB 72 101 33	#486521
100.0%	100.0% #3E5D16	RGB 62 93 22	#3E5D16

#7A8D5C #708550 #667D44 #5C7539 #526D2D #486521 #3E5D16

#7A8D5C - #3E5D16

Miscela HSV

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

0.0%	0.0% #7A8D5C	RGB 122 141 92	#7A8D5C
16.7%	16.7% #6F854D	RGB 111 133 77	#6F854D
33.3%	33.3% #647D40	RGB 100 125 64	#647D40
50.0%	50.0% #5A7534	RGB 90 117 52	#5A7534
66.7%	66.7% #506D28	RGB 80 109 40	#506D28
83.3%	83.3% #46651E	RGB 70 101 30	#46651E
100.0%	100.0% #3E5D16	RGB 62 93 22	#3E5D16

#7A8D5C #6F854D #647D40 #5A7534 #506D28 #46651E #3E5D16

#7A8D5C - #5A7534 - #3E5D16

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8D5C 0%, #5A7534 50%, #3E5D16 100%);
    background: -webkit-linear-gradient(top, #7A8D5C 0%, #5A7534 50%, #3E5D16 100%);
    background: linear-gradient(to bottom, #7A8D5C 0%, #5A7534 50%, #3E5D16 100%);
}
</style>