#005540 - #5EAF75 | 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 #005540 a #5EAF75

#005540 #5EAF75

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

#005540 - #5EAF75 | 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 #005540 come 0% e #5EAF75 come 100%.

0.0%	0.0% #005540	RGB 0 85 64	#005540
16.7%	16.7% #0F6448	RGB 15 100 72	#0F6448
33.3%	33.3% #1F7351	RGB 31 115 81	#1F7351
50.0%	50.0% #2F825A	RGB 47 130 90	#2F825A
66.7%	66.7% #3E9163	RGB 62 145 99	#3E9163
83.3%	83.3% #4EA06C	RGB 78 160 108	#4EA06C
100.0%	100.0% #5EAF75	RGB 94 175 117	#5EAF75

#005540 #0F6448 #1F7351 #2F825A #3E9163 #4EA06C #5EAF75

#005540 - #5EAF75

Miscela HSV

#005540 - #5EAF75 | 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 #005540 come 0% e #5EAF75 come 100%.

0.0%	0.0% #005540	RGB 0 85 64	#005540
16.7%	16.7% #086446	RGB 8 100 70	#086446
33.3%	33.3% #14734C	RGB 20 115 76	#14734C
50.0%	50.0% #228254	RGB 34 130 84	#228254
66.7%	66.7% #33915C	RGB 51 145 92	#33915C
83.3%	83.3% #47A067	RGB 71 160 103	#47A067
100.0%	100.0% #5EAF75	RGB 94 175 117	#5EAF75

#005540 #086446 #14734C #228254 #33915C #47A067 #5EAF75

#005540 - #228254 - #5EAF75

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005540 0%, #228254 50%, #5EAF75 100%);
    background: -webkit-linear-gradient(top, #005540 0%, #228254 50%, #5EAF75 100%);
    background: linear-gradient(to bottom, #005540 0%, #228254 50%, #5EAF75 100%);
}
</style>