#C3C7BD - #83906F | 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 #C3C7BD a #83906F

#C3C7BD #83906F

Calcola il colore tra due colori, #C3C7BD e #83906F. 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)

#C3C7BD - #83906F | 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 #C3C7BD come 0% e #83906F come 100%.

0.0%	0.0% #C3C7BD	RGB 195 199 189	#C3C7BD
16.7%	16.7% #B8BDB0	RGB 184 189 176	#B8BDB0
33.3%	33.3% #ADB4A3	RGB 173 180 163	#ADB4A3
50.0%	50.0% #A3AB96	RGB 163 171 150	#A3AB96
66.7%	66.7% #98A289	RGB 152 162 137	#98A289
83.3%	83.3% #8D997C	RGB 141 153 124	#8D997C
100.0%	100.0% #83906F	RGB 131 144 111	#83906F

#C3C7BD #B8BDB0 #ADB4A3 #A3AB96 #98A289 #8D997C #83906F

#C3C7BD - #83906F

Miscela HSV

#C3C7BD - #83906F | 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 #C3C7BD come 0% e #83906F come 100%.

0.0%	0.0% #C3C7BD	RGB 195 199 189	#C3C7BD
16.7%	16.7% #B7BDAE	RGB 183 189 174	#B7BDAE
33.3%	33.3% #ACB4A0	RGB 172 180 160	#ACB4A0
50.0%	50.0% #A1AB93	RGB 161 171 147	#A1AB93
66.7%	66.7% #97A286	RGB 151 162 134	#97A286
83.3%	83.3% #8D997A	RGB 141 153 122	#8D997A
100.0%	100.0% #83906F	RGB 131 144 111	#83906F

#C3C7BD #B7BDAE #ACB4A0 #A1AB93 #97A286 #8D997A #83906F

#C3C7BD - #A1AB93 - #83906F

Codici CSS

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

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