#5E5B5B - #B97CAC | 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 #5E5B5B a #B97CAC

#5E5B5B #B97CAC

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

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

0.0%	0.0% #5E5B5B	RGB 94 91 91	#5E5B5B
16.7%	16.7% #6D6068	RGB 109 96 104	#6D6068
33.3%	33.3% #7C6676	RGB 124 102 118	#7C6676
50.0%	50.0% #8B6B83	RGB 139 107 131	#8B6B83
66.7%	66.7% #9A7191	RGB 154 113 145	#9A7191
83.3%	83.3% #A9769E	RGB 169 118 158	#A9769E
100.0%	100.0% #B97CAC	RGB 185 124 172	#B97CAC

#5E5B5B #6D6068 #7C6676 #8B6B83 #9A7191 #A9769E #B97CAC

#5E5B5B - #B97CAC

Miscela HSV

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

0.0%	0.0% #5E5B5B	RGB 94 91 91	#5E5B5B
16.7%	16.7% #6D6465	RGB 109 100 101	#6D6465
33.3%	33.3% #7C6C70	RGB 124 108 112	#7C6C70
50.0%	50.0% #8B727C	RGB 139 114 124	#8B727C
66.7%	66.7% #9A7789	RGB 154 119 137	#9A7789
83.3%	83.3% #A97A99	RGB 169 122 153	#A97A99
100.0%	100.0% #B97CAC	RGB 185 124 172	#B97CAC

#5E5B5B #6D6465 #7C6C70 #8B727C #9A7789 #A97A99 #B97CAC

#5E5B5B - #8B727C - #B97CAC

Codici CSS

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

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