#A8C8DA - #5279A0 | 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 #A8C8DA a #5279A0

#A8C8DA #5279A0

Calcola il colore tra due colori, #A8C8DA e #5279A0. 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)

#A8C8DA - #5279A0 | 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 #A8C8DA come 0% e #5279A0 come 100%.

0.0%	0.0% #A8C8DA	RGB 168 200 218	#A8C8DA
16.7%	16.7% #99BAD0	RGB 153 186 208	#99BAD0
33.3%	33.3% #8BADC6	RGB 139 173 198	#8BADC6
50.0%	50.0% #7DA0BD	RGB 125 160 189	#7DA0BD
66.7%	66.7% #6E93B3	RGB 110 147 179	#6E93B3
83.3%	83.3% #6086A9	RGB 96 134 169	#6086A9
100.0%	100.0% #5279A0	RGB 82 121 160	#5279A0

#A8C8DA #99BAD0 #8BADC6 #7DA0BD #6E93B3 #6086A9 #5279A0

#A8C8DA - #5279A0

Miscela HSV

#A8C8DA - #5279A0 | 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 #A8C8DA come 0% e #5279A0 come 100%.

0.0%	0.0% #A8C8DA	RGB 168 200 218	#A8C8DA
16.7%	16.7% #97BAD0	RGB 151 186 208	#97BAD0
33.3%	33.3% #88ADC6	RGB 136 173 198	#88ADC6
50.0%	50.0% #799FBD	RGB 121 159 189	#799FBD
66.7%	66.7% #6B92B3	RGB 107 146 179	#6B92B3
83.3%	83.3% #5E85A9	RGB 94 133 169	#5E85A9
100.0%	100.0% #5279A0	RGB 82 121 160	#5279A0

#A8C8DA #97BAD0 #88ADC6 #799FBD #6B92B3 #5E85A9 #5279A0

#A8C8DA - #799FBD - #5279A0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C8DA 0%, #799FBD 50%, #5279A0 100%);
    background: -webkit-linear-gradient(top, #A8C8DA 0%, #799FBD 50%, #5279A0 100%);
    background: linear-gradient(to bottom, #A8C8DA 0%, #799FBD 50%, #5279A0 100%);
}
</style>