#585753 - #CFCFCD | 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 #585753 a #CFCFCD

#585753 #CFCFCD

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

#585753 - #CFCFCD | 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 #585753 come 0% e #CFCFCD come 100%.

0.0%	0.0% #585753	RGB 88 87 83	#585753
16.7%	16.7% #6B6B67	RGB 107 107 103	#6B6B67
33.3%	33.3% #7F7F7B	RGB 127 127 123	#7F7F7B
50.0%	50.0% #939390	RGB 147 147 144	#939390
66.7%	66.7% #A7A7A4	RGB 167 167 164	#A7A7A4
83.3%	83.3% #BBBBB8	RGB 187 187 184	#BBBBB8
100.0%	100.0% #CFCFCD	RGB 207 207 205	#CFCFCD

#585753 #6B6B67 #7F7F7B #939390 #A7A7A4 #BBBBB8 #CFCFCD

#585753 - #CFCFCD

Miscela HSV

#585753 - #CFCFCD | 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 #585753 come 0% e #CFCFCD come 100%.

0.0%	0.0% #585753	RGB 88 87 83	#585753
16.7%	16.7% #6B6A66	RGB 107 106 102	#6B6A66
33.3%	33.3% #7F7E7A	RGB 127 126 122	#7F7E7A
50.0%	50.0% #93938E	RGB 147 147 142	#93938E
66.7%	66.7% #A7A7A3	RGB 167 167 163	#A7A7A3
83.3%	83.3% #BBBBB7	RGB 187 187 183	#BBBBB7
100.0%	100.0% #CFCFCD	RGB 207 207 205	#CFCFCD

#585753 #6B6A66 #7F7E7A #93938E #A7A7A3 #BBBBB7 #CFCFCD

#585753 - #93938E - #CFCFCD

Codici CSS

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

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