#3E5E58 - #63CFBF | 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 #3E5E58 a #63CFBF

#3E5E58 #63CFBF

Calcola il colore tra due colori, #3E5E58 e #63CFBF. 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)

#3E5E58 - #63CFBF | 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 #3E5E58 come 0% e #63CFBF come 100%.

0.0%	0.0% #3E5E58	RGB 62 94 88	#3E5E58
16.7%	16.7% #447069	RGB 68 112 105	#447069
33.3%	33.3% #4A837A	RGB 74 131 122	#4A837A
50.0%	50.0% #50968B	RGB 80 150 139	#50968B
66.7%	66.7% #56A99C	RGB 86 169 156	#56A99C
83.3%	83.3% #5CBCAD	RGB 92 188 173	#5CBCAD
100.0%	100.0% #63CFBF	RGB 99 207 191	#63CFBF

#3E5E58 #447069 #4A837A #50968B #56A99C #5CBCAD #63CFBF

#3E5E58 - #63CFBF

Miscela HSV

#3E5E58 - #63CFBF | 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 #3E5E58 come 0% e #63CFBF come 100%.

0.0%	0.0% #3E5E58	RGB 62 94 88	#3E5E58
16.7%	16.7% #477069	RGB 71 112 105	#477069
33.3%	33.3% #4E837A	RGB 78 131 122	#4E837A
50.0%	50.0% #55968B	RGB 85 150 139	#55968B
66.7%	66.7% #5BA99C	RGB 91 169 156	#5BA99C
83.3%	83.3% #5FBCAD	RGB 95 188 173	#5FBCAD
100.0%	100.0% #63CFBF	RGB 99 207 191	#63CFBF

#3E5E58 #477069 #4E837A #55968B #5BA99C #5FBCAD #63CFBF

#3E5E58 - #55968B - #63CFBF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E58 0%, #55968B 50%, #63CFBF 100%);
    background: -webkit-linear-gradient(top, #3E5E58 0%, #55968B 50%, #63CFBF 100%);
    background: linear-gradient(to bottom, #3E5E58 0%, #55968B 50%, #63CFBF 100%);
}
</style>