#A8AFD1 - #515892 | 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 #A8AFD1 a #515892

#A8AFD1 #515892

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

#A8AFD1 - #515892 | 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 #A8AFD1 come 0% e #515892 come 100%.

0.0%	0.0% #A8AFD1	RGB 168 175 209	#A8AFD1
16.7%	16.7% #99A0C6	RGB 153 160 198	#99A0C6
33.3%	33.3% #8B92BC	RGB 139 146 188	#8B92BC
50.0%	50.0% #7C83B1	RGB 124 131 177	#7C83B1
66.7%	66.7% #6E75A7	RGB 110 117 167	#6E75A7
83.3%	83.3% #5F669C	RGB 95 102 156	#5F669C
100.0%	100.0% #515892	RGB 81 88 146	#515892

#A8AFD1 #99A0C6 #8B92BC #7C83B1 #6E75A7 #5F669C #515892

#A8AFD1 - #515892

Miscela HSV

#A8AFD1 - #515892 | 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 #A8AFD1 come 0% e #515892 come 100%.

0.0%	0.0% #A8AFD1	RGB 168 175 209	#A8AFD1
16.7%	16.7% #979EC6	RGB 151 158 198	#979EC6
33.3%	33.3% #878FBC	RGB 135 143 188	#878FBC
50.0%	50.0% #7880B1	RGB 120 128 177	#7880B1
66.7%	66.7% #6A72A7	RGB 106 114 167	#6A72A7
83.3%	83.3% #5D649C	RGB 93 100 156	#5D649C
100.0%	100.0% #515892	RGB 81 88 146	#515892

#A8AFD1 #979EC6 #878FBC #7880B1 #6A72A7 #5D649C #515892

#A8AFD1 - #7880B1 - #515892

Codici CSS

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

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