#5E2F3C - #A066AA | 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 #5E2F3C a #A066AA

#5E2F3C #A066AA

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

#5E2F3C - #A066AA | 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 #5E2F3C come 0% e #A066AA come 100%.

0.0%	0.0% #5E2F3C	RGB 94 47 60	#5E2F3C
16.7%	16.7% #69384E	RGB 105 56 78	#69384E
33.3%	33.3% #744160	RGB 116 65 96	#744160
50.0%	50.0% #7F4A73	RGB 127 74 115	#7F4A73
66.7%	66.7% #8A5385	RGB 138 83 133	#8A5385
83.3%	83.3% #955C97	RGB 149 92 151	#955C97
100.0%	100.0% #A066AA	RGB 160 102 170	#A066AA

#5E2F3C #69384E #744160 #7F4A73 #8A5385 #955C97 #A066AA

#5E2F3C - #A066AA

Miscela HSV

#5E2F3C - #A066AA | 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 #5E2F3C come 0% e #A066AA come 100%.

0.0%	0.0% #5E2F3C	RGB 94 47 60	#5E2F3C
16.7%	16.7% #6A374C	RGB 106 55 76	#6A374C
33.3%	33.3% #773F5F	RGB 119 63 95	#773F5F
50.0%	50.0% #844872	RGB 132 72 114	#844872
66.7%	66.7% #905187	RGB 144 81 135	#905187
83.3%	83.3% #9D5B9D	RGB 157 91 157	#9D5B9D
100.0%	100.0% #A066AA	RGB 160 102 170	#A066AA

#5E2F3C #6A374C #773F5F #844872 #905187 #9D5B9D #A066AA

#5E2F3C - #844872 - #A066AA

Codici CSS

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

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