#293D3C - #5C7E5C | 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 #293D3C a #5C7E5C

#293D3C #5C7E5C

Calcola il colore tra due colori, #293D3C e #5C7E5C. 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)

#293D3C - #5C7E5C | 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 #293D3C come 0% e #5C7E5C come 100%.

0.0%	0.0% #293D3C	RGB 41 61 60	#293D3C
16.7%	16.7% #314741	RGB 49 71 65	#314741
33.3%	33.3% #3A5246	RGB 58 82 70	#3A5246
50.0%	50.0% #425D4C	RGB 66 93 76	#425D4C
66.7%	66.7% #4B6851	RGB 75 104 81	#4B6851
83.3%	83.3% #537356	RGB 83 115 86	#537356
100.0%	100.0% #5C7E5C	RGB 92 126 92	#5C7E5C

#293D3C #314741 #3A5246 #425D4C #4B6851 #537356 #5C7E5C

#293D3C - #5C7E5C

Miscela HSV

#293D3C - #5C7E5C | 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 #293D3C come 0% e #5C7E5C come 100%.

0.0%	0.0% #293D3C	RGB 41 61 60	#293D3C
16.7%	16.7% #304743	RGB 48 71 67	#304743
33.3%	33.3% #395249	RGB 57 82 73	#395249
50.0%	50.0% #415D4E	RGB 65 93 78	#415D4E
66.7%	66.7% #4A6853	RGB 74 104 83	#4A6853
83.3%	83.3% #527358	RGB 82 115 88	#527358
100.0%	100.0% #5C7E5C	RGB 92 126 92	#5C7E5C

#293D3C #304743 #395249 #415D4E #4A6853 #527358 #5C7E5C

#293D3C - #415D4E - #5C7E5C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #293D3C 0%, #415D4E 50%, #5C7E5C 100%);
    background: -webkit-linear-gradient(top, #293D3C 0%, #415D4E 50%, #5C7E5C 100%);
    background: linear-gradient(to bottom, #293D3C 0%, #415D4E 50%, #5C7E5C 100%);
}
</style>