#ABC6CB - #5C768C | 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 #ABC6CB a #5C768C

#ABC6CB #5C768C

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

#ABC6CB - #5C768C | 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 #ABC6CB come 0% e #5C768C come 100%.

0.0%	0.0% #ABC6CB	RGB 171 198 203	#ABC6CB
16.7%	16.7% #9DB8C0	RGB 157 184 192	#9DB8C0
33.3%	33.3% #90ABB6	RGB 144 171 182	#90ABB6
50.0%	50.0% #839EAB	RGB 131 158 171	#839EAB
66.7%	66.7% #7690A1	RGB 118 144 161	#7690A1
83.3%	83.3% #698396	RGB 105 131 150	#698396
100.0%	100.0% #5C768C	RGB 92 118 140	#5C768C

#ABC6CB #9DB8C0 #90ABB6 #839EAB #7690A1 #698396 #5C768C

#ABC6CB - #5C768C

Miscela HSV

#ABC6CB - #5C768C | 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 #ABC6CB come 0% e #5C768C come 100%.

0.0%	0.0% #ABC6CB	RGB 171 198 203	#ABC6CB
16.7%	16.7% #9CB9C0	RGB 156 185 192	#9CB9C0
33.3%	33.3% #8EABB6	RGB 142 171 182	#8EABB6
50.0%	50.0% #809EAB	RGB 128 158 171	#809EAB
66.7%	66.7% #7390A1	RGB 115 144 161	#7390A1
83.3%	83.3% #678396	RGB 103 131 150	#678396
100.0%	100.0% #5C768C	RGB 92 118 140	#5C768C

#ABC6CB #9CB9C0 #8EABB6 #809EAB #7390A1 #678396 #5C768C

#ABC6CB - #809EAB - #5C768C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6CB 0%, #809EAB 50%, #5C768C 100%);
    background: -webkit-linear-gradient(top, #ABC6CB 0%, #809EAB 50%, #5C768C 100%);
    background: linear-gradient(to bottom, #ABC6CB 0%, #809EAB 50%, #5C768C 100%);
}
</style>