#C8C3BC - #393735 | 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 #C8C3BC a #393735

#C8C3BC #393735

Calcola il colore tra due colori, #C8C3BC e #393735. 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)

#C8C3BC - #393735 | 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 #C8C3BC come 0% e #393735 come 100%.

0.0%	0.0% #C8C3BC	RGB 200 195 188	#C8C3BC
16.7%	16.7% #B0ABA5	RGB 176 171 165	#B0ABA5
33.3%	33.3% #98948F	RGB 152 148 143	#98948F
50.0%	50.0% #807D78	RGB 128 125 120	#807D78
66.7%	66.7% #686562	RGB 104 101 98	#686562
83.3%	83.3% #504E4B	RGB 80 78 75	#504E4B
100.0%	100.0% #393735	RGB 57 55 53	#393735

#C8C3BC #B0ABA5 #98948F #807D78 #686562 #504E4B #393735

#C8C3BC - #393735

Miscela HSV

#C8C3BC - #393735 | 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 #C8C3BC come 0% e #393735 come 100%.

0.0%	0.0% #C8C3BC	RGB 200 195 188	#C8C3BC
16.7%	16.7% #B0ABA5	RGB 176 171 165	#B0ABA5
33.3%	33.3% #98948E	RGB 152 148 142	#98948E
50.0%	50.0% #807C78	RGB 128 124 120	#807C78
66.7%	66.7% #686561	RGB 104 101 97	#686561
83.3%	83.3% #504E4B	RGB 80 78 75	#504E4B
100.0%	100.0% #393735	RGB 57 55 53	#393735

#C8C3BC #B0ABA5 #98948E #807C78 #686561 #504E4B #393735

#C8C3BC - #807C78 - #393735

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C3BC 0%, #807C78 50%, #393735 100%);
    background: -webkit-linear-gradient(top, #C8C3BC 0%, #807C78 50%, #393735 100%);
    background: linear-gradient(to bottom, #C8C3BC 0%, #807C78 50%, #393735 100%);
}
</style>