#5E786B - #8CCDEB | 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 #5E786B a #8CCDEB

#5E786B #8CCDEB

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

#5E786B - #8CCDEB | 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 #5E786B come 0% e #8CCDEB come 100%.

0.0%	0.0% #5E786B	RGB 94 120 107	#5E786B
16.7%	16.7% #658680	RGB 101 134 128	#658680
33.3%	33.3% #6D9495	RGB 109 148 149	#6D9495
50.0%	50.0% #75A2AB	RGB 117 162 171	#75A2AB
66.7%	66.7% #7CB0C0	RGB 124 176 192	#7CB0C0
83.3%	83.3% #84BED5	RGB 132 190 213	#84BED5
100.0%	100.0% #8CCDEB	RGB 140 205 235	#8CCDEB

#5E786B #658680 #6D9495 #75A2AB #7CB0C0 #84BED5 #8CCDEB

#5E786B - #8CCDEB

Miscela HSV

#5E786B - #8CCDEB | 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 #5E786B come 0% e #8CCDEB come 100%.

0.0%	0.0% #5E786B	RGB 94 120 107	#5E786B
16.7%	16.7% #688B7E	RGB 104 139 126	#688B7E
33.3%	33.3% #729E94	RGB 114 158 148	#729E94
50.0%	50.0% #7AB1AC	RGB 122 177 172	#7AB1AC
66.7%	66.7% #81C1C4	RGB 129 193 196	#81C1C4
83.3%	83.3% #87C9D7	RGB 135 201 215	#87C9D7
100.0%	100.0% #8CCDEB	RGB 140 205 235	#8CCDEB

#5E786B #688B7E #729E94 #7AB1AC #81C1C4 #87C9D7 #8CCDEB

#5E786B - #7AB1AC - #8CCDEB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E786B 0%, #7AB1AC 50%, #8CCDEB 100%);
    background: -webkit-linear-gradient(top, #5E786B 0%, #7AB1AC 50%, #8CCDEB 100%);
    background: linear-gradient(to bottom, #5E786B 0%, #7AB1AC 50%, #8CCDEB 100%);
}
</style>