#AAE5FF - #4B9FDB | 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 #AAE5FF a #4B9FDB

#AAE5FF #4B9FDB

Calcola il colore tra due colori, #AAE5FF e #4B9FDB. 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)

#AAE5FF - #4B9FDB | 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 #AAE5FF come 0% e #4B9FDB come 100%.

0.0%	0.0% #AAE5FF	RGB 170 229 255	#AAE5FF
16.7%	16.7% #9AD9F9	RGB 154 217 249	#9AD9F9
33.3%	33.3% #8ACDF3	RGB 138 205 243	#8ACDF3
50.0%	50.0% #7AC2ED	RGB 122 194 237	#7AC2ED
66.7%	66.7% #6AB6E7	RGB 106 182 231	#6AB6E7
83.3%	83.3% #5AAAE1	RGB 90 170 225	#5AAAE1
100.0%	100.0% #4B9FDB	RGB 75 159 219	#4B9FDB

#AAE5FF #9AD9F9 #8ACDF3 #7AC2ED #6AB6E7 #5AAAE1 #4B9FDB

#AAE5FF - #4B9FDB

Miscela HSV

#AAE5FF - #4B9FDB | 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 #AAE5FF come 0% e #4B9FDB come 100%.

0.0%	0.0% #AAE5FF	RGB 170 229 255	#AAE5FF
16.7%	16.7% #98D9F9	RGB 152 217 249	#98D9F9
33.3%	33.3% #87CEF3	RGB 135 206 243	#87CEF3
50.0%	50.0% #77C2ED	RGB 119 194 237	#77C2ED
66.7%	66.7% #68B6E7	RGB 104 182 231	#68B6E7
83.3%	83.3% #59AAE1	RGB 89 170 225	#59AAE1
100.0%	100.0% #4B9FDB	RGB 75 159 219	#4B9FDB

#AAE5FF #98D9F9 #87CEF3 #77C2ED #68B6E7 #59AAE1 #4B9FDB

#AAE5FF - #77C2ED - #4B9FDB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
    background: -webkit-linear-gradient(top, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
    background: linear-gradient(to bottom, #AAE5FF 0%, #77C2ED 50%, #4B9FDB 100%);
}
</style>