#5E667B - #B9A79A | 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 #5E667B a #B9A79A

#5E667B #B9A79A

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

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

0.0%	0.0% #5E667B	RGB 94 102 123	#5E667B
16.7%	16.7% #6D7080	RGB 109 112 128	#6D7080
33.3%	33.3% #7C7B85	RGB 124 123 133	#7C7B85
50.0%	50.0% #8B868A	RGB 139 134 138	#8B868A
66.7%	66.7% #9A918F	RGB 154 145 143	#9A918F
83.3%	83.3% #A99C94	RGB 169 156 148	#A99C94
100.0%	100.0% #B9A79A	RGB 185 167 154	#B9A79A

#5E667B #6D7080 #7C7B85 #8B868A #9A918F #A99C94 #B9A79A

#5E667B - #B9A79A

Miscela HSV

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

0.0%	0.0% #5E667B	RGB 94 102 123	#5E667B
16.7%	16.7% #6C6785	RGB 108 103 133	#6C6785
33.3%	33.3% #84718F	RGB 132 113 143	#84718F
50.0%	50.0% #9A7A97	RGB 154 122 151	#9A7A97
66.7%	66.7% #A48594	RGB 164 133 148	#A48594
83.3%	83.3% #AE8F90	RGB 174 143 144	#AE8F90
100.0%	100.0% #B9A79A	RGB 185 167 154	#B9A79A

#5E667B #6C6785 #84718F #9A7A97 #A48594 #AE8F90 #B9A79A

#5E667B - #9A7A97 - #B9A79A

Codici CSS

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

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