#AAABC6 - #4A5E82 | 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 #4A5E82

#AAABC6 #4A5E82

Calcola il colore tra due colori, #AAABC6 e #4A5E82. 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 - #4A5E82 | 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 #4A5E82 come 100%.

0.0%	0.0% #AAABC6	RGB 170 171 198	#AAABC6
16.7%	16.7% #9A9EBA	RGB 154 158 186	#9A9EBA
33.3%	33.3% #8A91AF	RGB 138 145 175	#8A91AF
50.0%	50.0% #7A84A4	RGB 122 132 164	#7A84A4
66.7%	66.7% #6A7798	RGB 106 119 152	#6A7798
83.3%	83.3% #5A6A8D	RGB 90 106 141	#5A6A8D
100.0%	100.0% #4A5E82	RGB 74 94 130	#4A5E82

#AAABC6 #9A9EBA #8A91AF #7A84A4 #6A7798 #5A6A8D #4A5E82

#AAABC6 - #4A5E82

Miscela HSV

#AAABC6 - #4A5E82 | 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 #4A5E82 come 100%.

0.0%	0.0% #AAABC6	RGB 170 171 198	#AAABC6
16.7%	16.7% #979ABA	RGB 151 154 186	#979ABA
33.3%	33.3% #858BAF	RGB 133 139 175	#858BAF
50.0%	50.0% #757EA4	RGB 117 126 164	#757EA4
66.7%	66.7% #657298	RGB 101 114 152	#657298
83.3%	83.3% #57678D	RGB 87 103 141	#57678D
100.0%	100.0% #4A5E82	RGB 74 94 130	#4A5E82

#AAABC6 #979ABA #858BAF #757EA4 #657298 #57678D #4A5E82

#AAABC6 - #757EA4 - #4A5E82

Codici CSS

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

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