#C7B0AD - #AD6458 | 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 #C7B0AD a #AD6458

#C7B0AD #AD6458

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

#C7B0AD - #AD6458 | 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 #C7B0AD come 0% e #AD6458 come 100%.

0.0%	0.0% #C7B0AD	RGB 199 176 173	#C7B0AD
16.7%	16.7% #C2A39E	RGB 194 163 158	#C2A39E
33.3%	33.3% #BE9690	RGB 190 150 144	#BE9690
50.0%	50.0% #BA8A82	RGB 186 138 130	#BA8A82
66.7%	66.7% #B57D74	RGB 181 125 116	#B57D74
83.3%	83.3% #B17066	RGB 177 112 102	#B17066
100.0%	100.0% #AD6458	RGB 173 100 88	#AD6458

#C7B0AD #C2A39E #BE9690 #BA8A82 #B57D74 #B17066 #AD6458

#C7B0AD - #AD6458

Miscela HSV

#C7B0AD - #AD6458 | 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 #C7B0AD come 0% e #AD6458 come 100%.

0.0%	0.0% #C7B0AD	RGB 199 176 173	#C7B0AD
16.7%	16.7% #C2A19D	RGB 194 161 157	#C2A19D
33.3%	33.3% #BE948E	RGB 190 148 142	#BE948E
50.0%	50.0% #BA8780	RGB 186 135 128	#BA8780
66.7%	66.7% #B57B72	RGB 181 123 114	#B57B72
83.3%	83.3% #B16F64	RGB 177 111 100	#B16F64
100.0%	100.0% #AD6458	RGB 173 100 88	#AD6458

#C7B0AD #C2A19D #BE948E #BA8780 #B57B72 #B16F64 #AD6458

#C7B0AD - #BA8780 - #AD6458

Codici CSS

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

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