#AFB4B5 - #5F6B5E | 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 #AFB4B5 a #5F6B5E

#AFB4B5 #5F6B5E

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

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

0.0%	0.0% #AFB4B5	RGB 175 180 181	#AFB4B5
16.7%	16.7% #A1A7A6	RGB 161 167 166	#A1A7A6
33.3%	33.3% #949B98	RGB 148 155 152	#949B98
50.0%	50.0% #878F89	RGB 135 143 137	#878F89
66.7%	66.7% #79837B	RGB 121 131 123	#79837B
83.3%	83.3% #6C776C	RGB 108 119 108	#6C776C
100.0%	100.0% #5F6B5E	RGB 95 107 94	#5F6B5E

#AFB4B5 #A1A7A6 #949B98 #878F89 #79837B #6C776C #5F6B5E

#AFB4B5 - #5F6B5E

Miscela HSV

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

0.0%	0.0% #AFB4B5	RGB 175 180 181	#AFB4B5
16.7%	16.7% #A0A8A8	RGB 160 168 168	#A0A8A8
33.3%	33.3% #929C99	RGB 146 156 153	#929C99
50.0%	50.0% #84908A	RGB 132 144 138	#84908A
66.7%	66.7% #77837B	RGB 119 131 123	#77837B
83.3%	83.3% #6A776C	RGB 106 119 108	#6A776C
100.0%	100.0% #5F6B5E	RGB 95 107 94	#5F6B5E

#AFB4B5 #A0A8A8 #929C99 #84908A #77837B #6A776C #5F6B5E

#AFB4B5 - #84908A - #5F6B5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB4B5 0%, #84908A 50%, #5F6B5E 100%);
    background: -webkit-linear-gradient(top, #AFB4B5 0%, #84908A 50%, #5F6B5E 100%);
    background: linear-gradient(to bottom, #AFB4B5 0%, #84908A 50%, #5F6B5E 100%);
}
</style>