#5E6182 - #B1A29E | 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 #5E6182 a #B1A29E

#5E6182 #B1A29E

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

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

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #6B6B86	RGB 107 107 134	#6B6B86
33.3%	33.3% #79768B	RGB 121 118 139	#79768B
50.0%	50.0% #878190	RGB 135 129 144	#878190
66.7%	66.7% #958C94	RGB 149 140 148	#958C94
83.3%	83.3% #A39799	RGB 163 151 153	#A39799
100.0%	100.0% #B1A29E	RGB 177 162 158	#B1A29E

#5E6182 #6B6B86 #79768B #878190 #958C94 #A39799 #B1A29E

#5E6182 - #B1A29E

Miscela HSV

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

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #716789	RGB 113 103 137	#716789
33.3%	33.3% #877191	RGB 135 113 145	#877191
50.0%	50.0% #997C97	RGB 153 124 151	#997C97
66.7%	66.7% #A18695	RGB 161 134 149	#A18695
83.3%	83.3% #A99296	RGB 169 146 150	#A99296
100.0%	100.0% #B1A29E	RGB 177 162 158	#B1A29E

#5E6182 #716789 #877191 #997C97 #A18695 #A99296 #B1A29E

#5E6182 - #997C97 - #B1A29E

Codici CSS

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

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