#3E5E53 - #5BC7CC | 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 #3E5E53 a #5BC7CC

#3E5E53 #5BC7CC

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

#3E5E53 - #5BC7CC | 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 #3E5E53 come 0% e #5BC7CC come 100%.

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #426F67	RGB 66 111 103	#426F67
33.3%	33.3% #47817B	RGB 71 129 123	#47817B
50.0%	50.0% #4C928F	RGB 76 146 143	#4C928F
66.7%	66.7% #51A4A3	RGB 81 164 163	#51A4A3
83.3%	83.3% #56B5B7	RGB 86 181 183	#56B5B7
100.0%	100.0% #5BC7CC	RGB 91 199 204	#5BC7CC

#3E5E53 #426F67 #47817B #4C928F #51A4A3 #56B5B7 #5BC7CC

#3E5E53 - #5BC7CC

Miscela HSV

#3E5E53 - #5BC7CC | 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 #3E5E53 come 0% e #5BC7CC come 100%.

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #467064	RGB 70 112 100	#467064
33.3%	33.3% #4C8277	RGB 76 130 119	#4C8277
50.0%	50.0% #52958B	RGB 82 149 139	#52958B
66.7%	66.7% #56A7A0	RGB 86 167 160	#56A7A0
83.3%	83.3% #59B9B7	RGB 89 185 183	#59B9B7
100.0%	100.0% #5BC7CC	RGB 91 199 204	#5BC7CC

#3E5E53 #467064 #4C8277 #52958B #56A7A0 #59B9B7 #5BC7CC

#3E5E53 - #52958B - #5BC7CC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E53 0%, #52958B 50%, #5BC7CC 100%);
    background: -webkit-linear-gradient(top, #3E5E53 0%, #52958B 50%, #5BC7CC 100%);
    background: linear-gradient(to bottom, #3E5E53 0%, #52958B 50%, #5BC7CC 100%);
}
</style>