#3C5013 - #C7CDBB | 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 #3C5013 a #C7CDBB

#3C5013 #C7CDBB

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

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

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #53642F	RGB 83 100 47	#53642F
33.3%	33.3% #6A794B	RGB 106 121 75	#6A794B
50.0%	50.0% #818E67	RGB 129 142 103	#818E67
66.7%	66.7% #98A383	RGB 152 163 131	#98A383
83.3%	83.3% #AFB89F	RGB 175 184 159	#AFB89F
100.0%	100.0% #C7CDBB	RGB 199 205 187	#C7CDBB

#3C5013 #53642F #6A794B #818E67 #98A383 #AFB89F #C7CDBB

#3C5013 - #C7CDBB

Miscela HSV

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

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #4F6423	RGB 79 100 35	#4F6423
33.3%	33.3% #647938	RGB 100 121 56	#647938
50.0%	50.0% #7A8E51	RGB 122 142 81	#7A8E51
66.7%	66.7% #92A370	RGB 146 163 112	#92A370
83.3%	83.3% #ABB893	RGB 171 184 147	#ABB893
100.0%	100.0% #C7CDBB	RGB 199 205 187	#C7CDBB

#3C5013 #4F6423 #647938 #7A8E51 #92A370 #ABB893 #C7CDBB

#3C5013 - #7A8E51 - #C7CDBB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5013 0%, #7A8E51 50%, #C7CDBB 100%);
    background: -webkit-linear-gradient(top, #3C5013 0%, #7A8E51 50%, #C7CDBB 100%);
    background: linear-gradient(to bottom, #3C5013 0%, #7A8E51 50%, #C7CDBB 100%);
}
</style>