#5CD5E6 - #148EB7 | 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 #5CD5E6 a #148EB7

#5CD5E6 #148EB7

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

#5CD5E6 - #148EB7 | 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 #5CD5E6 come 0% e #148EB7 come 100%.

0.0%	0.0% #5CD5E6	RGB 92 213 230	#5CD5E6
16.7%	16.7% #50C9DE	RGB 80 201 222	#50C9DE
33.3%	33.3% #44BDD6	RGB 68 189 214	#44BDD6
50.0%	50.0% #38B1CE	RGB 56 177 206	#38B1CE
66.7%	66.7% #2CA5C6	RGB 44 165 198	#2CA5C6
83.3%	83.3% #2099BE	RGB 32 153 190	#2099BE
100.0%	100.0% #148EB7	RGB 20 142 183	#148EB7

#5CD5E6 #50C9DE #44BDD6 #38B1CE #2CA5C6 #2099BE #148EB7

#5CD5E6 - #148EB7

Miscela HSV

#5CD5E6 - #148EB7 | 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 #5CD5E6 come 0% e #148EB7 come 100%.

0.0%	0.0% #5CD5E6	RGB 92 213 230	#5CD5E6
16.7%	16.7% #4EC9DE	RGB 78 201 222	#4EC9DE
33.3%	33.3% #40BDD6	RGB 64 189 214	#40BDD6
50.0%	50.0% #34B1CE	RGB 52 177 206	#34B1CE
66.7%	66.7% #28A5C6	RGB 40 165 198	#28A5C6
83.3%	83.3% #1E99BE	RGB 30 153 190	#1E99BE
100.0%	100.0% #148EB7	RGB 20 142 183	#148EB7

#5CD5E6 #4EC9DE #40BDD6 #34B1CE #28A5C6 #1E99BE #148EB7

#5CD5E6 - #34B1CE - #148EB7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5CD5E6 0%, #34B1CE 50%, #148EB7 100%);
    background: -webkit-linear-gradient(top, #5CD5E6 0%, #34B1CE 50%, #148EB7 100%);
    background: linear-gradient(to bottom, #5CD5E6 0%, #34B1CE 50%, #148EB7 100%);
}
</style>