#3E5B5E - #65B780 | 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 #3E5B5E a #65B780

#3E5B5E #65B780

Calcola il colore tra due colori, #3E5B5E e #65B780. 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)

#3E5B5E - #65B780 | 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 #3E5B5E come 0% e #65B780 come 100%.

0.0%	0.0% #3E5B5E	RGB 62 91 94	#3E5B5E
16.7%	16.7% #446A63	RGB 68 106 99	#446A63
33.3%	33.3% #4B7969	RGB 75 121 105	#4B7969
50.0%	50.0% #51896F	RGB 81 137 111	#51896F
66.7%	66.7% #589874	RGB 88 152 116	#589874
83.3%	83.3% #5EA77A	RGB 94 167 122	#5EA77A
100.0%	100.0% #65B780	RGB 101 183 128	#65B780

#3E5B5E #446A63 #4B7969 #51896F #589874 #5EA77A #65B780

#3E5B5E - #65B780

Miscela HSV

#3E5B5E - #65B780 | 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 #3E5B5E come 0% e #65B780 come 100%.

0.0%	0.0% #3E5B5E	RGB 62 91 94	#3E5B5E
16.7%	16.7% #456C6B	RGB 69 108 107	#456C6B
33.3%	33.3% #4D7B74	RGB 77 123 116	#4D7B74
50.0%	50.0% #538A7A	RGB 83 138 122	#538A7A
66.7%	66.7% #5A997F	RGB 90 153 127	#5A997F
83.3%	83.3% #5FA880	RGB 95 168 128	#5FA880
100.0%	100.0% #65B780	RGB 101 183 128	#65B780

#3E5B5E #456C6B #4D7B74 #538A7A #5A997F #5FA880 #65B780

#3E5B5E - #538A7A - #65B780

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5B5E 0%, #538A7A 50%, #65B780 100%);
    background: -webkit-linear-gradient(top, #3E5B5E 0%, #538A7A 50%, #65B780 100%);
    background: linear-gradient(to bottom, #3E5B5E 0%, #538A7A 50%, #65B780 100%);
}
</style>