#6F5E7E - #301C2E | 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 #6F5E7E a #301C2E

#6F5E7E #301C2E

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

#6F5E7E - #301C2E | 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 #6F5E7E come 0% e #301C2E come 100%.

0.0%	0.0% #6F5E7E	RGB 111 94 126	#6F5E7E
16.7%	16.7% #645370	RGB 100 83 112	#645370
33.3%	33.3% #5A4863	RGB 90 72 99	#5A4863
50.0%	50.0% #4F3D56	RGB 79 61 86	#4F3D56
66.7%	66.7% #453248	RGB 69 50 72	#453248
83.3%	83.3% #3A273B	RGB 58 39 59	#3A273B
100.0%	100.0% #301C2E	RGB 48 28 46	#301C2E

#6F5E7E #645370 #5A4863 #4F3D56 #453248 #3A273B #301C2E

#6F5E7E - #301C2E

Miscela HSV

#6F5E7E - #301C2E | 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 #6F5E7E come 0% e #301C2E come 100%.

0.0%	0.0% #6F5E7E	RGB 111 94 126	#6F5E7E
16.7%	16.7% #655171	RGB 101 81 113	#655171
33.3%	33.3% #5B4564	RGB 91 69 100	#5B4564
50.0%	50.0% #513957	RGB 81 57 87	#513957
66.7%	66.7% #472F4A	RGB 71 47 74	#472F4A
83.3%	83.3% #3D253C	RGB 61 37 60	#3D253C
100.0%	100.0% #301C2E	RGB 48 28 46	#301C2E

#6F5E7E #655171 #5B4564 #513957 #472F4A #3D253C #301C2E

#6F5E7E - #513957 - #301C2E

Codici CSS

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

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