#0E1B05 - #BABDB7 | 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 #0E1B05 a #BABDB7

#0E1B05 #BABDB7

Calcola il colore tra due colori, #0E1B05 e #BABDB7. 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)

#0E1B05 - #BABDB7 | 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 #0E1B05 come 0% e #BABDB7 come 100%.

0.0%	0.0% #0E1B05	RGB 14 27 5	#0E1B05
16.7%	16.7% #2A3622	RGB 42 54 34	#2A3622
33.3%	33.3% #475140	RGB 71 81 64	#475140
50.0%	50.0% #646C5E	RGB 100 108 94	#646C5E
66.7%	66.7% #80877B	RGB 128 135 123	#80877B
83.3%	83.3% #9DA299	RGB 157 162 153	#9DA299
100.0%	100.0% #BABDB7	RGB 186 189 183	#BABDB7

#0E1B05 #2A3622 #475140 #646C5E #80877B #9DA299 #BABDB7

#0E1B05 - #BABDB7

Miscela HSV

#0E1B05 - #BABDB7 | 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 #0E1B05 come 0% e #BABDB7 come 100%.

0.0%	0.0% #0E1B05	RGB 14 27 5	#0E1B05
16.7%	16.7% #203611	RGB 32 54 17	#203611
33.3%	33.3% #375124	RGB 55 81 36	#375124
50.0%	50.0% #536C3E	RGB 83 108 62	#536C3E
66.7%	66.7% #72875F	RGB 114 135 95	#72875F
83.3%	83.3% #94A287	RGB 148 162 135	#94A287
100.0%	100.0% #BABDB7	RGB 186 189 183	#BABDB7

#0E1B05 #203611 #375124 #536C3E #72875F #94A287 #BABDB7

#0E1B05 - #536C3E - #BABDB7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E1B05 0%, #536C3E 50%, #BABDB7 100%);
    background: -webkit-linear-gradient(top, #0E1B05 0%, #536C3E 50%, #BABDB7 100%);
    background: linear-gradient(to bottom, #0E1B05 0%, #536C3E 50%, #BABDB7 100%);
}
</style>