#5EBF5E - #1F961C | 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 #5EBF5E a #1F961C

#5EBF5E #1F961C

Calcola il colore tra due colori, #5EBF5E e #1F961C. 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)

#5EBF5E - #1F961C | 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 #5EBF5E come 0% e #1F961C come 100%.

0.0%	0.0% #5EBF5E	RGB 94 191 94	#5EBF5E
16.7%	16.7% #53B853	RGB 83 184 83	#53B853
33.3%	33.3% #49B148	RGB 73 177 72	#49B148
50.0%	50.0% #3EAA3D	RGB 62 170 61	#3EAA3D
66.7%	66.7% #34A332	RGB 52 163 50	#34A332
83.3%	83.3% #299C27	RGB 41 156 39	#299C27
100.0%	100.0% #1F961C	RGB 31 150 28	#1F961C

#5EBF5E #53B853 #49B148 #3EAA3D #34A332 #299C27 #1F961C

#5EBF5E - #1F961C

Miscela HSV

#5EBF5E - #1F961C | 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 #5EBF5E come 0% e #1F961C come 100%.

0.0%	0.0% #5EBF5E	RGB 94 191 94	#5EBF5E
16.7%	16.7% #51B851	RGB 81 184 81	#51B851
33.3%	33.3% #46B145	RGB 70 177 69	#46B145
50.0%	50.0% #3BAA39	RGB 59 170 57	#3BAA39
66.7%	66.7% #31A32F	RGB 49 163 47	#31A32F
83.3%	83.3% #279C25	RGB 39 156 37	#279C25
100.0%	100.0% #1F961C	RGB 31 150 28	#1F961C

#5EBF5E #51B851 #46B145 #3BAA39 #31A32F #279C25 #1F961C

#5EBF5E - #3BAA39 - #1F961C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBF5E 0%, #3BAA39 50%, #1F961C 100%);
    background: -webkit-linear-gradient(top, #5EBF5E 0%, #3BAA39 50%, #1F961C 100%);
    background: linear-gradient(to bottom, #5EBF5E 0%, #3BAA39 50%, #1F961C 100%);
}
</style>