#1A2D25 - #BDC3C0 | 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 #1A2D25 a #BDC3C0

#1A2D25 #BDC3C0

Calcola il colore tra due colori, #1A2D25 e #BDC3C0. 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)

#1A2D25 - #BDC3C0 | 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 #1A2D25 come 0% e #BDC3C0 come 100%.

0.0%	0.0% #1A2D25	RGB 26 45 37	#1A2D25
16.7%	16.7% #35463E	RGB 53 70 62	#35463E
33.3%	33.3% #505F58	RGB 80 95 88	#505F58
50.0%	50.0% #6B7872	RGB 107 120 114	#6B7872
66.7%	66.7% #86918C	RGB 134 145 140	#86918C
83.3%	83.3% #A1AAA6	RGB 161 170 166	#A1AAA6
100.0%	100.0% #BDC3C0	RGB 189 195 192	#BDC3C0

#1A2D25 #35463E #505F58 #6B7872 #86918C #A1AAA6 #BDC3C0

#1A2D25 - #BDC3C0

Miscela HSV

#1A2D25 - #BDC3C0 | 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 #1A2D25 come 0% e #BDC3C0 come 100%.

0.0%	0.0% #1A2D25	RGB 26 45 37	#1A2D25
16.7%	16.7% #2D463B	RGB 45 70 59	#2D463B
33.3%	33.3% #435F52	RGB 67 95 82	#435F52
50.0%	50.0% #5C786B	RGB 92 120 107	#5C786B
66.7%	66.7% #799185	RGB 121 145 133	#799185
83.3%	83.3% #99AAA2	RGB 153 170 162	#99AAA2
100.0%	100.0% #BDC3C0	RGB 189 195 192	#BDC3C0

#1A2D25 #2D463B #435F52 #5C786B #799185 #99AAA2 #BDC3C0

#1A2D25 - #5C786B - #BDC3C0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2D25 0%, #5C786B 50%, #BDC3C0 100%);
    background: -webkit-linear-gradient(top, #1A2D25 0%, #5C786B 50%, #BDC3C0 100%);
    background: linear-gradient(to bottom, #1A2D25 0%, #5C786B 50%, #BDC3C0 100%);
}
</style>