#085E2D - #75B864 | 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 #085E2D a #75B864

#085E2D #75B864

Calcola il colore tra due colori, #085E2D e #75B864. 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)

#085E2D - #75B864 | 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 #085E2D come 0% e #75B864 come 100%.

0.0%	0.0% #085E2D	RGB 8 94 45	#085E2D
16.7%	16.7% #1A6D36	RGB 26 109 54	#1A6D36
33.3%	33.3% #2C7C3F	RGB 44 124 63	#2C7C3F
50.0%	50.0% #3E8B48	RGB 62 139 72	#3E8B48
66.7%	66.7% #509A51	RGB 80 154 81	#509A51
83.3%	83.3% #62A95A	RGB 98 169 90	#62A95A
100.0%	100.0% #75B864	RGB 117 184 100	#75B864

#085E2D #1A6D36 #2C7C3F #3E8B48 #509A51 #62A95A #75B864

#085E2D - #75B864

Miscela HSV

#085E2D - #75B864 | 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 #085E2D come 0% e #75B864 come 100%.

0.0%	0.0% #075E2D	RGB 7 94 45	#075E2D
16.7%	16.7% #116D2F	RGB 17 109 47	#116D2F
33.3%	33.3% #1D7C32	RGB 29 124 50	#1D7C32
50.0%	50.0% #2B8B36	RGB 43 139 54	#2B8B36
66.7%	66.7% #3C9A3C	RGB 60 154 60	#3C9A3C
83.3%	83.3% #57A94E	RGB 87 169 78	#57A94E
100.0%	100.0% #75B864	RGB 117 184 100	#75B864

#075E2D #116D2F #1D7C32 #2B8B36 #3C9A3C #57A94E #75B864

#085E2D - #2B8B36 - #75B864

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E2D 0%, #2B8B36 50%, #75B864 100%);
    background: -webkit-linear-gradient(top, #075E2D 0%, #2B8B36 50%, #75B864 100%);
    background: linear-gradient(to bottom, #075E2D 0%, #2B8B36 50%, #75B864 100%);
}
</style>