#2D5E31 - #A4A87C | 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 #2D5E31 a #A4A87C

#2D5E31 #A4A87C

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

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

0.0%	0.0% #2D5E31	RGB 45 94 49	#2D5E31
16.7%	16.7% #406A3D	RGB 64 106 61	#406A3D
33.3%	33.3% #54764A	RGB 84 118 74	#54764A
50.0%	50.0% #688356	RGB 104 131 86	#688356
66.7%	66.7% #7C8F63	RGB 124 143 99	#7C8F63
83.3%	83.3% #909B6F	RGB 144 155 111	#909B6F
100.0%	100.0% #A4A87C	RGB 164 168 124	#A4A87C

#2D5E31 #406A3D #54764A #688356 #7C8F63 #909B6F #A4A87C

#2D5E31 - #A4A87C

Miscela HSV

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

0.0%	0.0% #2D5E31	RGB 45 94 49	#2D5E31
16.7%	16.7% #3B6A37	RGB 59 106 55	#3B6A37
33.3%	33.3% #4F7643	RGB 79 118 67	#4F7643
50.0%	50.0% #64834F	RGB 100 131 79	#64834F
66.7%	66.7% #7A8F5D	RGB 122 143 93	#7A8F5D
83.3%	83.3% #8F9B6C	RGB 143 155 108	#8F9B6C
100.0%	100.0% #A4A87C	RGB 164 168 124	#A4A87C

#2D5E31 #3B6A37 #4F7643 #64834F #7A8F5D #8F9B6C #A4A87C

#2D5E31 - #64834F - #A4A87C

Codici CSS

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

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