#5E7CAA - #A8D9AD | 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 #5E7CAA a #A8D9AD

#5E7CAA #A8D9AD

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

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

0.0%	0.0% #5E7CAA	RGB 94 124 170	#5E7CAA
16.7%	16.7% #6A8BAA	RGB 106 139 170	#6A8BAA
33.3%	33.3% #769BAB	RGB 118 155 171	#769BAB
50.0%	50.0% #83AAAB	RGB 131 170 171	#83AAAB
66.7%	66.7% #8FBAAC	RGB 143 186 172	#8FBAAC
83.3%	83.3% #9BC9AC	RGB 155 201 172	#9BC9AC
100.0%	100.0% #A8D9AD	RGB 168 217 173	#A8D9AD

#5E7CAA #6A8BAA #769BAB #83AAAB #8FBAAC #9BC9AC #A8D9AD

#5E7CAA - #A8D9AD

Miscela HSV

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

0.0%	0.0% #5E7CAA	RGB 94 124 170	#5E7CAA
16.7%	16.7% #6897B1	RGB 104 151 177	#6897B1
33.3%	33.3% #74B2B9	RGB 116 178 185	#74B2B9
50.0%	50.0% #80C1B7	RGB 128 193 183	#80C1B7
66.7%	66.7% #8DC9B1	RGB 141 201 177	#8DC9B1
83.3%	83.3% #9AD1AD	RGB 154 209 173	#9AD1AD
100.0%	100.0% #A8D9AD	RGB 168 217 173	#A8D9AD

#5E7CAA #6897B1 #74B2B9 #80C1B7 #8DC9B1 #9AD1AD #A8D9AD

#5E7CAA - #80C1B7 - #A8D9AD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7CAA 0%, #80C1B7 50%, #A8D9AD 100%);
    background: -webkit-linear-gradient(top, #5E7CAA 0%, #80C1B7 50%, #A8D9AD 100%);
    background: linear-gradient(to bottom, #5E7CAA 0%, #80C1B7 50%, #A8D9AD 100%);
}
</style>