#3E5E44 - #74CEC7 | 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 #3E5E44 a #74CEC7

#3E5E44 #74CEC7

Calcola il colore tra due colori, #3E5E44 e #74CEC7. 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)

#3E5E44 - #74CEC7 | 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 #3E5E44 come 0% e #74CEC7 come 100%.

0.0%	0.0% #3E5E44	RGB 62 94 68	#3E5E44
16.7%	16.7% #477059	RGB 71 112 89	#477059
33.3%	33.3% #50836F	RGB 80 131 111	#50836F
50.0%	50.0% #599685	RGB 89 150 133	#599685
66.7%	66.7% #62A89B	RGB 98 168 155	#62A89B
83.3%	83.3% #6BBBB1	RGB 107 187 177	#6BBBB1
100.0%	100.0% #74CEC7	RGB 116 206 199	#74CEC7

#3E5E44 #477059 #50836F #599685 #62A89B #6BBBB1 #74CEC7

#3E5E44 - #74CEC7

Miscela HSV

#3E5E44 - #74CEC7 | 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 #3E5E44 come 0% e #74CEC7 come 100%.

0.0%	0.0% #3E5E44	RGB 62 94 68	#3E5E44
16.7%	16.7% #487054	RGB 72 112 84	#487054
33.3%	33.3% #528367	RGB 82 131 103	#528367
50.0%	50.0% #5B967C	RGB 91 150 124	#5B967C
66.7%	66.7% #64A892	RGB 100 168 146	#64A892
83.3%	83.3% #6CBBAB	RGB 108 187 171	#6CBBAB
100.0%	100.0% #74CEC7	RGB 116 206 199	#74CEC7

#3E5E44 #487054 #528367 #5B967C #64A892 #6CBBAB #74CEC7

#3E5E44 - #5B967C - #74CEC7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E44 0%, #5B967C 50%, #74CEC7 100%);
    background: -webkit-linear-gradient(top, #3E5E44 0%, #5B967C 50%, #74CEC7 100%);
    background: linear-gradient(to bottom, #3E5E44 0%, #5B967C 50%, #74CEC7 100%);
}
</style>