#A1A09D - #B5C5E2 | 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 #A1A09D a #B5C5E2

#A1A09D #B5C5E2

Calcola il colore tra due colori, #A1A09D e #B5C5E2. 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)

#A1A09D - #B5C5E2 | 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 #A1A09D come 0% e #B5C5E2 come 100%.

0.0%	0.0% #A1A09D	RGB 161 160 157	#A1A09D
16.7%	16.7% #A4A6A8	RGB 164 166 168	#A4A6A8
33.3%	33.3% #A7ACB4	RGB 167 172 180	#A7ACB4
50.0%	50.0% #ABB2BF	RGB 171 178 191	#ABB2BF
66.7%	66.7% #AEB8CB	RGB 174 184 203	#AEB8CB
83.3%	83.3% #B1BED6	RGB 177 190 214	#B1BED6
100.0%	100.0% #B5C5E2	RGB 181 197 226	#B5C5E2

#A1A09D #A4A6A8 #A7ACB4 #ABB2BF #AEB8CB #B1BED6 #B5C5E2

#A1A09D - #B5C5E2

Miscela HSV

#A1A09D - #B5C5E2 | 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 #A1A09D come 0% e #B5C5E2 come 100%.

0.0%	0.0% #A1A09D	RGB 161 160 157	#A1A09D
16.7%	16.7% #A9ABA2	RGB 169 171 162	#A9ABA2
33.3%	33.3% #ABB6A7	RGB 171 182 167	#ABB6A7
50.0%	50.0% #ABC1B0	RGB 171 193 176	#ABC1B0
66.7%	66.7% #AFCCC3	RGB 175 204 195	#AFCCC3
83.3%	83.3% #B2D1D7	RGB 178 209 215	#B2D1D7
100.0%	100.0% #B5C5E2	RGB 181 197 226	#B5C5E2

#A1A09D #A9ABA2 #ABB6A7 #ABC1B0 #AFCCC3 #B2D1D7 #B5C5E2

#A1A09D - #ABC1B0 - #B5C5E2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A09D 0%, #ABC1B0 50%, #B5C5E2 100%);
    background: -webkit-linear-gradient(top, #A1A09D 0%, #ABC1B0 50%, #B5C5E2 100%);
    background: linear-gradient(to bottom, #A1A09D 0%, #ABC1B0 50%, #B5C5E2 100%);
}
</style>