#8181A8 - #DBDBE6 | 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 #8181A8 a #DBDBE6

#8181A8 #DBDBE6

Calcola il colore tra due colori, #8181A8 e #DBDBE6. 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)

#8181A8 - #DBDBE6 | 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 #8181A8 come 0% e #DBDBE6 come 100%.

0.0%	0.0% #8181A8	RGB 129 129 168	#8181A8
16.7%	16.7% #9090B2	RGB 144 144 178	#9090B2
33.3%	33.3% #9F9FBC	RGB 159 159 188	#9F9FBC
50.0%	50.0% #AEAEC7	RGB 174 174 199	#AEAEC7
66.7%	66.7% #BDBDD1	RGB 189 189 209	#BDBDD1
83.3%	83.3% #CCCCDB	RGB 204 204 219	#CCCCDB
100.0%	100.0% #DBDBE6	RGB 219 219 230	#DBDBE6

#8181A8 #9090B2 #9F9FBC #AEAEC7 #BDBDD1 #CCCCDB #DBDBE6

#8181A8 - #DBDBE6

Miscela HSV

#8181A8 - #DBDBE6 | 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 #8181A8 come 0% e #DBDBE6 come 100%.

0.0%	0.0% #8181A8	RGB 129 129 168	#8181A8
16.7%	16.7% #8E8EB2	RGB 142 142 178	#8E8EB2
33.3%	33.3% #9C9CBC	RGB 156 156 188	#9C9CBC
50.0%	50.0% #ABABC7	RGB 171 171 199	#ABABC7
66.7%	66.7% #BABAD1	RGB 186 186 209	#BABAD1
83.3%	83.3% #CACADB	RGB 202 202 219	#CACADB
100.0%	100.0% #DBDBE6	RGB 219 219 230	#DBDBE6

#8181A8 #8E8EB2 #9C9CBC #ABABC7 #BABAD1 #CACADB #DBDBE6

#8181A8 - #ABABC7 - #DBDBE6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8181A8 0%, #ABABC7 50%, #DBDBE6 100%);
    background: -webkit-linear-gradient(top, #8181A8 0%, #ABABC7 50%, #DBDBE6 100%);
    background: linear-gradient(to bottom, #8181A8 0%, #ABABC7 50%, #DBDBE6 100%);
}
</style>