#1B5E13 - #A1B547 | 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 #1B5E13 a #A1B547

#1B5E13 #A1B547

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

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

0.0%	0.0% #1B5E13	RGB 27 94 19	#1B5E13
16.7%	16.7% #316C1B	RGB 49 108 27	#316C1B
33.3%	33.3% #477B24	RGB 71 123 36	#477B24
50.0%	50.0% #5E892D	RGB 94 137 45	#5E892D
66.7%	66.7% #749835	RGB 116 152 53	#749835
83.3%	83.3% #8AA63E	RGB 138 166 62	#8AA63E
100.0%	100.0% #A1B547	RGB 161 181 71	#A1B547

#1B5E13 #316C1B #477B24 #5E892D #749835 #8AA63E #A1B547

#1B5E13 - #A1B547

Miscela HSV

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

0.0%	0.0% #1B5E12	RGB 27 94 18	#1B5E12
16.7%	16.7% #2C6C19	RGB 44 108 25	#2C6C19
33.3%	33.3% #3F7B20	RGB 63 123 32	#3F7B20
50.0%	50.0% #558928	RGB 85 137 40	#558928
66.7%	66.7% #6D9831	RGB 109 152 49	#6D9831
83.3%	83.3% #86A63C	RGB 134 166 60	#86A63C
100.0%	100.0% #A1B547	RGB 161 181 71	#A1B547

#1B5E12 #2C6C19 #3F7B20 #558928 #6D9831 #86A63C #A1B547

#1B5E13 - #558928 - #A1B547

Codici CSS

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

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