#358B5E - #BCD580 | 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 #358B5E a #BCD580

#358B5E #BCD580

Calcola il colore tra due colori, #358B5E e #BCD580. 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)

#358B5E - #BCD580 | 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 #358B5E come 0% e #BCD580 come 100%.

0.0%	0.0% #358B5E	RGB 53 139 94	#358B5E
16.7%	16.7% #4B9763	RGB 75 151 99	#4B9763
33.3%	33.3% #62A369	RGB 98 163 105	#62A369
50.0%	50.0% #78B06F	RGB 120 176 111	#78B06F
66.7%	66.7% #8FBC74	RGB 143 188 116	#8FBC74
83.3%	83.3% #A5C87A	RGB 165 200 122	#A5C87A
100.0%	100.0% #BCD580	RGB 188 213 128	#BCD580

#358B5E #4B9763 #62A369 #78B06F #8FBC74 #A5C87A #BCD580

#358B5E - #BCD580

Miscela HSV

#358B5E - #BCD580 | 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 #358B5E come 0% e #BCD580 come 100%.

0.0%	0.0% #358B5E	RGB 53 139 94	#358B5E
16.7%	16.7% #3F9757	RGB 63 151 87	#3F9757
33.3%	33.3% #4AA351	RGB 74 163 81	#4AA351
50.0%	50.0% #60B056	RGB 96 176 86	#60B056
66.7%	66.7% #7FBC63	RGB 127 188 99	#7FBC63
83.3%	83.3% #9DC871	RGB 157 200 113	#9DC871
100.0%	100.0% #BCD580	RGB 188 213 128	#BCD580

#358B5E #3F9757 #4AA351 #60B056 #7FBC63 #9DC871 #BCD580

#358B5E - #60B056 - #BCD580

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #358B5E 0%, #60B056 50%, #BCD580 100%);
    background: -webkit-linear-gradient(top, #358B5E 0%, #60B056 50%, #BCD580 100%);
    background: linear-gradient(to bottom, #358B5E 0%, #60B056 50%, #BCD580 100%);
}
</style>