#009E2D - #B6E3C2 | 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 #009E2D a #B6E3C2

#009E2D #B6E3C2

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

#009E2D - #B6E3C2 | 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 #009E2D come 0% e #B6E3C2 come 100%.

0.0%	0.0% #009E2D	RGB 0 158 45	#009E2D
16.7%	16.7% #1EA945	RGB 30 169 69	#1EA945
33.3%	33.3% #3CB55E	RGB 60 181 94	#3CB55E
50.0%	50.0% #5BC077	RGB 91 192 119	#5BC077
66.7%	66.7% #79CC90	RGB 121 204 144	#79CC90
83.3%	83.3% #97D7A9	RGB 151 215 169	#97D7A9
100.0%	100.0% #B6E3C2	RGB 182 227 194	#B6E3C2

#009E2D #1EA945 #3CB55E #5BC077 #79CC90 #97D7A9 #B6E3C2

#009E2D - #B6E3C2

Miscela HSV

#009E2D - #B6E3C2 | 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 #009E2D come 0% e #B6E3C2 come 100%.

0.0%	0.0% #009E2C	RGB 0 158 44	#009E2C
16.7%	16.7% #16A940	RGB 22 169 64	#16A940
33.3%	33.3% #30B555	RGB 48 181 85	#30B555
50.0%	50.0% #4DC06C	RGB 77 192 108	#4DC06C
66.7%	66.7% #6DCC86	RGB 109 204 134	#6DCC86
83.3%	83.3% #8FD7A3	RGB 143 215 163	#8FD7A3
100.0%	100.0% #B6E3C2	RGB 182 227 194	#B6E3C2

#009E2C #16A940 #30B555 #4DC06C #6DCC86 #8FD7A3 #B6E3C2

#009E2D - #4DC06C - #B6E3C2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009E2C 0%, #4DC06C 50%, #B6E3C2 100%);
    background: -webkit-linear-gradient(top, #009E2C 0%, #4DC06C 50%, #B6E3C2 100%);
    background: linear-gradient(to bottom, #009E2C 0%, #4DC06C 50%, #B6E3C2 100%);
}
</style>