#5E2D41 - #9A65AB | 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 #5E2D41 a #9A65AB

#5E2D41 #9A65AB

Calcola il colore tra due colori, #5E2D41 e #9A65AB. 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)

#5E2D41 - #9A65AB | 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 #5E2D41 come 0% e #9A65AB come 100%.

0.0%	0.0% #5E2D41	RGB 94 45 65	#5E2D41
16.7%	16.7% #683652	RGB 104 54 82	#683652
33.3%	33.3% #723F64	RGB 114 63 100	#723F64
50.0%	50.0% #7C4976	RGB 124 73 118	#7C4976
66.7%	66.7% #865287	RGB 134 82 135	#865287
83.3%	83.3% #905B99	RGB 144 91 153	#905B99
100.0%	100.0% #9A65AB	RGB 154 101 171	#9A65AB

#5E2D41 #683652 #723F64 #7C4976 #865287 #905B99 #9A65AB

#5E2D41 - #9A65AB

Miscela HSV

#5E2D41 - #9A65AB | 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 #5E2D41 come 0% e #9A65AB come 100%.

0.0%	0.0% #5E2D40	RGB 94 45 64	#5E2D40
16.7%	16.7% #6A3552	RGB 106 53 82	#6A3552
33.3%	33.3% #773D65	RGB 119 61 101	#773D65
50.0%	50.0% #844679	RGB 132 70 121	#844679
66.7%	66.7% #91508F	RGB 145 80 143	#91508F
83.3%	83.3% #975A9E	RGB 151 90 158	#975A9E
100.0%	100.0% #9A65AB	RGB 154 101 171	#9A65AB

#5E2D40 #6A3552 #773D65 #844679 #91508F #975A9E #9A65AB

#5E2D41 - #844679 - #9A65AB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D40 0%, #844679 50%, #9A65AB 100%);
    background: -webkit-linear-gradient(top, #5E2D40 0%, #844679 50%, #9A65AB 100%);
    background: linear-gradient(to bottom, #5E2D40 0%, #844679 50%, #9A65AB 100%);
}
</style>