#7EAC96 - #2B5E3A | 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 #7EAC96 a #2B5E3A

#7EAC96 #2B5E3A

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

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

0.0%	0.0% #7EAC96	RGB 126 172 150	#7EAC96
16.7%	16.7% #709F86	RGB 112 159 134	#709F86
33.3%	33.3% #629277	RGB 98 146 119	#629277
50.0%	50.0% #548568	RGB 84 133 104	#548568
66.7%	66.7% #467858	RGB 70 120 88	#467858
83.3%	83.3% #386B49	RGB 56 107 73	#386B49
100.0%	100.0% #2B5E3A	RGB 43 94 58	#2B5E3A

#7EAC96 #709F86 #629277 #548568 #467858 #386B49 #2B5E3A

#7EAC96 - #2B5E3A

Miscela HSV

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

0.0%	0.0% #7EAC96	RGB 126 172 150	#7EAC96
16.7%	16.7% #6D9F85	RGB 109 159 133	#6D9F85
33.3%	33.3% #5D9274	RGB 93 146 116	#5D9274
50.0%	50.0% #4F8565	RGB 79 133 101	#4F8565
66.7%	66.7% #417855	RGB 65 120 85	#417855
83.3%	83.3% #356B47	RGB 53 107 71	#356B47
100.0%	100.0% #2B5E3A	RGB 43 94 58	#2B5E3A

#7EAC96 #6D9F85 #5D9274 #4F8565 #417855 #356B47 #2B5E3A

#7EAC96 - #4F8565 - #2B5E3A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EAC96 0%, #4F8565 50%, #2B5E3A 100%);
    background: -webkit-linear-gradient(top, #7EAC96 0%, #4F8565 50%, #2B5E3A 100%);
    background: linear-gradient(to bottom, #7EAC96 0%, #4F8565 50%, #2B5E3A 100%);
}
</style>