#925858 - #DFCFCF | 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 #925858 a #DFCFCF

#925858 #DFCFCF

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

#925858 - #DFCFCF | 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 #925858 come 0% e #DFCFCF come 100%.

0.0%	0.0% #925858	RGB 146 88 88	#925858
16.7%	16.7% #9E6B6B	RGB 158 107 107	#9E6B6B
33.3%	33.3% #AB7F7F	RGB 171 127 127	#AB7F7F
50.0%	50.0% #B89393	RGB 184 147 147	#B89393
66.7%	66.7% #C5A7A7	RGB 197 167 167	#C5A7A7
83.3%	83.3% #D2BBBB	RGB 210 187 187	#D2BBBB
100.0%	100.0% #DFCFCF	RGB 223 207 207	#DFCFCF

#925858 #9E6B6B #AB7F7F #B89393 #C5A7A7 #D2BBBB #DFCFCF

#925858 - #DFCFCF

Miscela HSV

#925858 - #DFCFCF | 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 #925858 come 0% e #DFCFCF come 100%.

0.0%	0.0% #925858	RGB 146 88 88	#925858
16.7%	16.7% #9E6868	RGB 158 104 104	#9E6868
33.3%	33.3% #AB7A7A	RGB 171 122 122	#AB7A7A
50.0%	50.0% #B88D8D	RGB 184 141 141	#B88D8D
66.7%	66.7% #C5A1A1	RGB 197 161 161	#C5A1A1
83.3%	83.3% #D2B7B7	RGB 210 183 183	#D2B7B7
100.0%	100.0% #DFCFCF	RGB 223 207 207	#DFCFCF

#925858 #9E6868 #AB7A7A #B88D8D #C5A1A1 #D2B7B7 #DFCFCF

#925858 - #B88D8D - #DFCFCF

Codici CSS

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

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