#09210E - #1F5E3E | 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 #09210E a #1F5E3E

#09210E #1F5E3E

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

#09210E - #1F5E3E | 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 #09210E come 0% e #1F5E3E come 100%.

0.0%	0.0% #09210E	RGB 9 33 14	#09210E
16.7%	16.7% #0C2B16	RGB 12 43 22	#0C2B16
33.3%	33.3% #10351E	RGB 16 53 30	#10351E
50.0%	50.0% #143F26	RGB 20 63 38	#143F26
66.7%	66.7% #17492E	RGB 23 73 46	#17492E
83.3%	83.3% #1B5336	RGB 27 83 54	#1B5336
100.0%	100.0% #1F5E3E	RGB 31 94 62	#1F5E3E

#09210E #0C2B16 #10351E #143F26 #17492E #1B5336 #1F5E3E

#09210E - #1F5E3E

Miscela HSV

#09210E - #1F5E3E | 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 #09210E come 0% e #1F5E3E come 100%.

0.0%	0.0% #08210E	RGB 8 33 14	#08210E
16.7%	16.7% #0C2B14	RGB 12 43 20	#0C2B14
33.3%	33.3% #0F351B	RGB 15 53 27	#0F351B
50.0%	50.0% #133F22	RGB 19 63 34	#133F22
66.7%	66.7% #16492B	RGB 22 73 43	#16492B
83.3%	83.3% #1A5334	RGB 26 83 52	#1A5334
100.0%	100.0% #1F5E3E	RGB 31 94 62	#1F5E3E

#08210E #0C2B14 #0F351B #133F22 #16492B #1A5334 #1F5E3E

#09210E - #133F22 - #1F5E3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08210E 0%, #133F22 50%, #1F5E3E 100%);
    background: -webkit-linear-gradient(top, #08210E 0%, #133F22 50%, #1F5E3E 100%);
    background: linear-gradient(to bottom, #08210E 0%, #133F22 50%, #1F5E3E 100%);
}
</style>