#DFDBDF - #8C939F | 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 #DFDBDF a #8C939F

#DFDBDF #8C939F

Calcola il colore tra due colori, #DFDBDF e #8C939F. 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)

#DFDBDF - #8C939F | 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 #DFDBDF come 0% e #8C939F come 100%.

0.0%	0.0% #DFDBDF	RGB 223 219 223	#DFDBDF
16.7%	16.7% #D1CFD4	RGB 209 207 212	#D1CFD4
33.3%	33.3% #C3C3C9	RGB 195 195 201	#C3C3C9
50.0%	50.0% #B5B7BF	RGB 181 183 191	#B5B7BF
66.7%	66.7% #A7ABB4	RGB 167 171 180	#A7ABB4
83.3%	83.3% #999FA9	RGB 153 159 169	#999FA9
100.0%	100.0% #8C939F	RGB 140 147 159	#8C939F

#DFDBDF #D1CFD4 #C3C3C9 #B5B7BF #A7ABB4 #999FA9 #8C939F

#DFDBDF - #8C939F

Miscela HSV

#DFDBDF - #8C939F | 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 #DFDBDF come 0% e #8C939F come 100%.

0.0%	0.0% #DFDBDF	RGB 223 219 223	#DFDBDF
16.7%	16.7% #D2CCD4	RGB 210 204 212	#D2CCD4
33.3%	33.3% #C4BFC9	RGB 196 191 201	#C4BFC9
50.0%	50.0% #B6B1BF	RGB 182 177 191	#B6B1BF
66.7%	66.7% #A6A4B4	RGB 166 164 180	#A6A4B4
83.3%	83.3% #989AA9	RGB 152 154 169	#989AA9
100.0%	100.0% #8C939F	RGB 140 147 159	#8C939F

#DFDBDF #D2CCD4 #C4BFC9 #B6B1BF #A6A4B4 #989AA9 #8C939F

#DFDBDF - #B6B1BF - #8C939F

Codici CSS

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

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