#AFAEB6 - #6B526C | 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 #AFAEB6 a #6B526C

#AFAEB6 #6B526C

Calcola il colore tra due colori, #AFAEB6 e #6B526C. 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)

#AFAEB6 - #6B526C | 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 #AFAEB6 come 0% e #6B526C come 100%.

0.0%	0.0% #AFAEB6	RGB 175 174 182	#AFAEB6
16.7%	16.7% #A39EA9	RGB 163 158 169	#A39EA9
33.3%	33.3% #988F9D	RGB 152 143 157	#988F9D
50.0%	50.0% #8D8091	RGB 141 128 145	#8D8091
66.7%	66.7% #817084	RGB 129 112 132	#817084
83.3%	83.3% #766178	RGB 118 97 120	#766178
100.0%	100.0% #6B526C	RGB 107 82 108	#6B526C

#AFAEB6 #A39EA9 #988F9D #8D8091 #817084 #766178 #6B526C

#AFAEB6 - #6B526C

Miscela HSV

#AFAEB6 - #6B526C | 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 #AFAEB6 come 0% e #6B526C come 100%.

0.0%	0.0% #AFAEB6	RGB 175 174 182	#AFAEB6
16.7%	16.7% #A09CA9	RGB 160 156 169	#A09CA9
33.3%	33.3% #938C9D	RGB 147 140 157	#938C9D
50.0%	50.0% #877C91	RGB 135 124 145	#877C91
66.7%	66.7% #7D6D84	RGB 125 109 132	#7D6D84
83.3%	83.3% #735F78	RGB 115 95 120	#735F78
100.0%	100.0% #6B526C	RGB 107 82 108	#6B526C

#AFAEB6 #A09CA9 #938C9D #877C91 #7D6D84 #735F78 #6B526C

#AFAEB6 - #877C91 - #6B526C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAEB6 0%, #877C91 50%, #6B526C 100%);
    background: -webkit-linear-gradient(top, #AFAEB6 0%, #877C91 50%, #6B526C 100%);
    background: linear-gradient(to bottom, #AFAEB6 0%, #877C91 50%, #6B526C 100%);
}
</style>