#3C5E31 - #C7D1C4 | 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 #3C5E31 a #C7D1C4

#3C5E31 #C7D1C4

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

#3C5E31 - #C7D1C4 | 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 #3C5E31 come 0% e #C7D1C4 come 100%.

0.0%	0.0% #3C5E31	RGB 60 94 49	#3C5E31
16.7%	16.7% #537149	RGB 83 113 73	#537149
33.3%	33.3% #6A8462	RGB 106 132 98	#6A8462
50.0%	50.0% #81977A	RGB 129 151 122	#81977A
66.7%	66.7% #98AA93	RGB 152 170 147	#98AA93
83.3%	83.3% #AFBDAB	RGB 175 189 171	#AFBDAB
100.0%	100.0% #C7D1C4	RGB 199 209 196	#C7D1C4

#3C5E31 #537149 #6A8462 #81977A #98AA93 #AFBDAB #C7D1C4

#3C5E31 - #C7D1C4

Miscela HSV

#3C5E31 - #C7D1C4 | 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 #3C5E31 come 0% e #C7D1C4 come 100%.

0.0%	0.0% #3C5E31	RGB 60 94 49	#3C5E31
16.7%	16.7% #4E7142	RGB 78 113 66	#4E7142
33.3%	33.3% #628457	RGB 98 132 87	#628457
50.0%	50.0% #78976E	RGB 120 151 110	#78976E
66.7%	66.7% #90AA88	RGB 144 170 136	#90AA88
83.3%	83.3% #AABDA4	RGB 170 189 164	#AABDA4
100.0%	100.0% #C7D1C4	RGB 199 209 196	#C7D1C4

#3C5E31 #4E7142 #628457 #78976E #90AA88 #AABDA4 #C7D1C4

#3C5E31 - #78976E - #C7D1C4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E31 0%, #78976E 50%, #C7D1C4 100%);
    background: -webkit-linear-gradient(top, #3C5E31 0%, #78976E 50%, #C7D1C4 100%);
    background: linear-gradient(to bottom, #3C5E31 0%, #78976E 50%, #C7D1C4 100%);
}
</style>