#A8D4D7 - #58879D | 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 #A8D4D7 a #58879D

#A8D4D7 #58879D

Calcola il colore tra due colori, #A8D4D7 e #58879D. 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)

#A8D4D7 - #58879D | 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 #A8D4D7 come 0% e #58879D come 100%.

0.0%	0.0% #A8D4D7	RGB 168 212 215	#A8D4D7
16.7%	16.7% #9AC7CD	RGB 154 199 205	#9AC7CD
33.3%	33.3% #8DBAC3	RGB 141 186 195	#8DBAC3
50.0%	50.0% #80ADBA	RGB 128 173 186	#80ADBA
66.7%	66.7% #72A0B0	RGB 114 160 176	#72A0B0
83.3%	83.3% #6593A6	RGB 101 147 166	#6593A6
100.0%	100.0% #58879D	RGB 88 135 157	#58879D

#A8D4D7 #9AC7CD #8DBAC3 #80ADBA #72A0B0 #6593A6 #58879D

#A8D4D7 - #58879D

Miscela HSV

#A8D4D7 - #58879D | 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 #A8D4D7 come 0% e #58879D come 100%.

0.0%	0.0% #A8D4D7	RGB 168 212 215	#A8D4D7
16.7%	16.7% #98C7CD	RGB 152 199 205	#98C7CD
33.3%	33.3% #8ABBC3	RGB 138 187 195	#8ABBC3
50.0%	50.0% #7CAEBA	RGB 124 174 186	#7CAEBA
66.7%	66.7% #6FA1B0	RGB 111 161 176	#6FA1B0
83.3%	83.3% #6394A6	RGB 99 148 166	#6394A6
100.0%	100.0% #58879D	RGB 88 135 157	#58879D

#A8D4D7 #98C7CD #8ABBC3 #7CAEBA #6FA1B0 #6394A6 #58879D

#A8D4D7 - #7CAEBA - #58879D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D4D7 0%, #7CAEBA 50%, #58879D 100%);
    background: -webkit-linear-gradient(top, #A8D4D7 0%, #7CAEBA 50%, #58879D 100%);
    background: linear-gradient(to bottom, #A8D4D7 0%, #7CAEBA 50%, #58879D 100%);
}
</style>