#6E5E9F - #261369 | 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 #6E5E9F a #261369

#6E5E9F #261369

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

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

0.0%	0.0% #6E5E9F	RGB 110 94 159	#6E5E9F
16.7%	16.7% #625196	RGB 98 81 150	#625196
33.3%	33.3% #56458D	RGB 86 69 141	#56458D
50.0%	50.0% #4A3884	RGB 74 56 132	#4A3884
66.7%	66.7% #3E2C7B	RGB 62 44 123	#3E2C7B
83.3%	83.3% #321F72	RGB 50 31 114	#321F72
100.0%	100.0% #261369	RGB 38 19 105	#261369

#6E5E9F #625196 #56458D #4A3884 #3E2C7B #321F72 #261369

#6E5E9F - #261369

Miscela HSV

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

0.0%	0.0% #6E5E9F	RGB 110 94 159	#6E5E9F
16.7%	16.7% #5F4E96	RGB 95 78 150	#5F4E96
33.3%	33.3% #52408D	RGB 82 64 141	#52408D
50.0%	50.0% #453284	RGB 69 50 132	#453284
66.7%	66.7% #3A277B	RGB 58 39 123	#3A277B
83.3%	83.3% #2F1C72	RGB 47 28 114	#2F1C72
100.0%	100.0% #261369	RGB 38 19 105	#261369

#6E5E9F #5F4E96 #52408D #453284 #3A277B #2F1C72 #261369

#6E5E9F - #453284 - #261369

Codici CSS

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

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