#6D5E6D - #3E114F | 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 #6D5E6D a #3E114F

#6D5E6D #3E114F

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

#6D5E6D - #3E114F | 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 #6D5E6D come 0% e #3E114F come 100%.

0.0%	0.0% #6D5E6D	RGB 109 94 109	#6D5E6D
16.7%	16.7% #655168	RGB 101 81 104	#655168
33.3%	33.3% #5D4463	RGB 93 68 99	#5D4463
50.0%	50.0% #55375E	RGB 85 55 94	#55375E
66.7%	66.7% #4D2A59	RGB 77 42 89	#4D2A59
83.3%	83.3% #451D54	RGB 69 29 84	#451D54
100.0%	100.0% #3E114F	RGB 62 17 79	#3E114F

#6D5E6D #655168 #5D4463 #55375E #4D2A59 #451D54 #3E114F

#6D5E6D - #3E114F

Miscela HSV

#6D5E6D - #3E114F | 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 #6D5E6D come 0% e #3E114F come 100%.

0.0%	0.0% #6D5E6D	RGB 109 94 109	#6D5E6D
16.7%	16.7% #664E68	RGB 102 78 104	#664E68
33.3%	33.3% #5F4063	RGB 95 64 99	#5F4063
50.0%	50.0% #58325E	RGB 88 50 94	#58325E
66.7%	66.7% #4F2659	RGB 79 38 89	#4F2659
83.3%	83.3% #471B54	RGB 71 27 84	#471B54
100.0%	100.0% #3E114F	RGB 62 17 79	#3E114F

#6D5E6D #664E68 #5F4063 #58325E #4F2659 #471B54 #3E114F

#6D5E6D - #58325E - #3E114F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E6D 0%, #58325E 50%, #3E114F 100%);
    background: -webkit-linear-gradient(top, #6D5E6D 0%, #58325E 50%, #3E114F 100%);
    background: linear-gradient(to bottom, #6D5E6D 0%, #58325E 50%, #3E114F 100%);
}
</style>