#3E5B5E - #091D07 | 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 #3E5B5E a #091D07

#3E5B5E #091D07

Calcola il colore tra due colori, #3E5B5E e #091D07. 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)

#3E5B5E - #091D07 | 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 #3E5B5E come 0% e #091D07 come 100%.

0.0%	0.0% #3E5B5E	RGB 62 91 94	#3E5B5E
16.7%	16.7% #35504F	RGB 53 80 79	#35504F
33.3%	33.3% #2C4641	RGB 44 70 65	#2C4641
50.0%	50.0% #233C32	RGB 35 60 50	#233C32
66.7%	66.7% #1A3123	RGB 26 49 35	#1A3123
83.3%	83.3% #112715	RGB 17 39 21	#112715
100.0%	100.0% #091D07	RGB 9 29 7	#091D07

#3E5B5E #35504F #2C4641 #233C32 #1A3123 #112715 #091D07

#3E5B5E - #091D07

Miscela HSV

#3E5B5E - #091D07 | 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 #3E5B5E come 0% e #091D07 come 100%.

0.0%	0.0% #3E5B5E	RGB 62 91 94	#3E5B5E
16.7%	16.7% #31534F	RGB 49 83 79	#31534F
33.3%	33.3% #25483D	RGB 37 72 61	#25483D
50.0%	50.0% #1B3D2C	RGB 27 61 44	#1B3D2C
66.7%	66.7% #13321C	RGB 19 50 28	#13321C
83.3%	83.3% #0C270F	RGB 12 39 15	#0C270F
100.0%	100.0% #091D07	RGB 9 29 7	#091D07

#3E5B5E #31534F #25483D #1B3D2C #13321C #0C270F #091D07

#3E5B5E - #1B3D2C - #091D07

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5B5E 0%, #1B3D2C 50%, #091D07 100%);
    background: -webkit-linear-gradient(top, #3E5B5E 0%, #1B3D2C 50%, #091D07 100%);
    background: linear-gradient(to bottom, #3E5B5E 0%, #1B3D2C 50%, #091D07 100%);
}
</style>