#103911 - #BAC6BA | 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 #103911 a #BAC6BA

#103911 #BAC6BA

Calcola il colore tra due colori, #103911 e #BAC6BA. 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)

#103911 - #BAC6BA | 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 #103911 come 0% e #BAC6BA come 100%.

0.0%	0.0% #103911	RGB 16 57 17	#103911
16.7%	16.7% #2C502D	RGB 44 80 45	#2C502D
33.3%	33.3% #486849	RGB 72 104 73	#486849
50.0%	50.0% #657F65	RGB 101 127 101	#657F65
66.7%	66.7% #819781	RGB 129 151 129	#819781
83.3%	83.3% #9DAE9D	RGB 157 174 157	#9DAE9D
100.0%	100.0% #BAC6BA	RGB 186 198 186	#BAC6BA

#103911 #2C502D #486849 #657F65 #819781 #9DAE9D #BAC6BA

#103911 - #BAC6BA

Miscela HSV

#103911 - #BAC6BA | 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 #103911 come 0% e #BAC6BA come 100%.

0.0%	0.0% #103911	RGB 16 57 17	#103911
16.7%	16.7% #1F5020	RGB 31 80 32	#1F5020
33.3%	33.3% #346834	RGB 52 104 52	#346834
50.0%	50.0% #4D7F4E	RGB 77 127 78	#4D7F4E
66.7%	66.7% #6C976D	RGB 108 151 109	#6C976D
83.3%	83.3% #90AE90	RGB 144 174 144	#90AE90
100.0%	100.0% #BAC6BA	RGB 186 198 186	#BAC6BA

#103911 #1F5020 #346834 #4D7F4E #6C976D #90AE90 #BAC6BA

#103911 - #4D7F4E - #BAC6BA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103911 0%, #4D7F4E 50%, #BAC6BA 100%);
    background: -webkit-linear-gradient(top, #103911 0%, #4D7F4E 50%, #BAC6BA 100%);
    background: linear-gradient(to bottom, #103911 0%, #4D7F4E 50%, #BAC6BA 100%);
}
</style>