#6A8574 - #D4DCD7 | 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 #6A8574 a #D4DCD7

#6A8574 #D4DCD7

Calcola il colore tra due colori, #6A8574 e #D4DCD7. 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)

#6A8574 - #D4DCD7 | 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 #6A8574 come 0% e #D4DCD7 come 100%.

0.0%	0.0% #6A8574	RGB 106 133 116	#6A8574
16.7%	16.7% #7B9384	RGB 123 147 132	#7B9384
33.3%	33.3% #8DA295	RGB 141 162 149	#8DA295
50.0%	50.0% #9FB0A5	RGB 159 176 165	#9FB0A5
66.7%	66.7% #B0BFB6	RGB 176 191 182	#B0BFB6
83.3%	83.3% #C2CDC6	RGB 194 205 198	#C2CDC6
100.0%	100.0% #D4DCD7	RGB 212 220 215	#D4DCD7

#6A8574 #7B9384 #8DA295 #9FB0A5 #B0BFB6 #C2CDC6 #D4DCD7

#6A8574 - #D4DCD7

Miscela HSV

#6A8574 - #D4DCD7 | 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 #6A8574 come 0% e #D4DCD7 come 100%.

0.0%	0.0% #6A8574	RGB 106 133 116	#6A8574
16.7%	16.7% #799383	RGB 121 147 131	#799383
33.3%	33.3% #8AA292	RGB 138 162 146	#8AA292
50.0%	50.0% #9BB0A3	RGB 155 176 163	#9BB0A3
66.7%	66.7% #ADBFB4	RGB 173 191 180	#ADBFB4
83.3%	83.3% #C0CDC5	RGB 192 205 197	#C0CDC5
100.0%	100.0% #D4DCD7	RGB 212 220 215	#D4DCD7

#6A8574 #799383 #8AA292 #9BB0A3 #ADBFB4 #C0CDC5 #D4DCD7

#6A8574 - #9BB0A3 - #D4DCD7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8574 0%, #9BB0A3 50%, #D4DCD7 100%);
    background: -webkit-linear-gradient(top, #6A8574 0%, #9BB0A3 50%, #D4DCD7 100%);
    background: linear-gradient(to bottom, #6A8574 0%, #9BB0A3 50%, #D4DCD7 100%);
}
</style>