#395024 - #153002 | 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 #395024 a #153002

#395024 #153002

Calcola il colore tra due colori, #395024 e #153002. 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)

#395024 - #153002 | 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 #395024 come 0% e #153002 come 100%.

0.0%	0.0% #395024	RGB 57 80 36	#395024
16.7%	16.7% #334A1E	RGB 51 74 30	#334A1E
33.3%	33.3% #2D4518	RGB 45 69 24	#2D4518
50.0%	50.0% #274013	RGB 39 64 19	#274013
66.7%	66.7% #213A0D	RGB 33 58 13	#213A0D
83.3%	83.3% #1B3507	RGB 27 53 7	#1B3507
100.0%	100.0% #153002	RGB 21 48 2	#153002

#395024 #334A1E #2D4518 #274013 #213A0D #1B3507 #153002

#395024 - #153002

Miscela HSV

#395024 - #153002 | 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 #395024 come 0% e #153002 come 100%.

0.0%	0.0% #395024	RGB 57 80 36	#395024
16.7%	16.7% #324A1C	RGB 50 74 28	#324A1C
33.3%	33.3% #2B4515	RGB 43 69 21	#2B4515
50.0%	50.0% #25400F	RGB 37 64 15	#25400F
66.7%	66.7% #1F3A0A	RGB 31 58 10	#1F3A0A
83.3%	83.3% #193505	RGB 25 53 5	#193505
100.0%	100.0% #153002	RGB 21 48 2	#153002

#395024 #324A1C #2B4515 #25400F #1F3A0A #193505 #153002

#395024 - #25400F - #153002

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #395024 0%, #25400F 50%, #153002 100%);
    background: -webkit-linear-gradient(top, #395024 0%, #25400F 50%, #153002 100%);
    background: linear-gradient(to bottom, #395024 0%, #25400F 50%, #153002 100%);
}
</style>