#AAABC6 - #303038 | 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 #AAABC6 a #303038

#AAABC6 #303038

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

#AAABC6 - #303038 | 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 #AAABC6 come 0% e #303038 come 100%.

0.0%	0.0% #AAABC6	RGB 170 171 198	#AAABC6
16.7%	16.7% #9596AE	RGB 149 150 174	#9596AE
33.3%	33.3% #818296	RGB 129 130 150	#818296
50.0%	50.0% #6D6D7F	RGB 109 109 127	#6D6D7F
66.7%	66.7% #585967	RGB 88 89 103	#585967
83.3%	83.3% #44444F	RGB 68 68 79	#44444F
100.0%	100.0% #303038	RGB 48 48 56	#303038

#AAABC6 #9596AE #818296 #6D6D7F #585967 #44444F #303038

#AAABC6 - #303038

Miscela HSV

#AAABC6 - #303038 | 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 #AAABC6 come 0% e #303038 come 100%.

0.0%	0.0% #AAABC6	RGB 170 171 198	#AAABC6
16.7%	16.7% #9596AE	RGB 149 150 174	#9596AE
33.3%	33.3% #818196	RGB 129 129 150	#818196
50.0%	50.0% #6C6D7F	RGB 108 109 127	#6C6D7F
66.7%	66.7% #585867	RGB 88 88 103	#585867
83.3%	83.3% #44444F	RGB 68 68 79	#44444F
100.0%	100.0% #303038	RGB 48 48 56	#303038

#AAABC6 #9596AE #818196 #6C6D7F #585867 #44444F #303038

#AAABC6 - #6C6D7F - #303038

Codici CSS

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

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