#5E555C - #AB7EBF | 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 #5E555C a #AB7EBF

#5E555C #AB7EBF

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

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

0.0%	0.0% #5E555C	RGB 94 85 92	#5E555C
16.7%	16.7% #6A5B6C	RGB 106 91 108	#6A5B6C
33.3%	33.3% #77627D	RGB 119 98 125	#77627D
50.0%	50.0% #84698D	RGB 132 105 141	#84698D
66.7%	66.7% #91709E	RGB 145 112 158	#91709E
83.3%	83.3% #9E77AE	RGB 158 119 174	#9E77AE
100.0%	100.0% #AB7EBF	RGB 171 126 191	#AB7EBF

#5E555C #6A5B6C #77627D #84698D #91709E #9E77AE #AB7EBF

#5E555C - #AB7EBF

Miscela HSV

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

0.0%	0.0% #5E555C	RGB 94 85 92	#5E555C
16.7%	16.7% #6E5F6C	RGB 110 95 108	#6E5F6C
33.3%	33.3% #7E677D	RGB 126 103 125	#7E677D
50.0%	50.0% #8D6F8E	RGB 141 111 142	#8D6F8E
66.7%	66.7% #99759E	RGB 153 117 158	#99759E
83.3%	83.3% #A37AAE	RGB 163 122 174	#A37AAE
100.0%	100.0% #AB7EBF	RGB 171 126 191	#AB7EBF

#5E555C #6E5F6C #7E677D #8D6F8E #99759E #A37AAE #AB7EBF

#5E555C - #8D6F8E - #AB7EBF

Codici CSS

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

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