#A8ADAB - #DFB7CC | 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 #A8ADAB a #DFB7CC

#A8ADAB #DFB7CC

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

#A8ADAB - #DFB7CC | 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 #A8ADAB come 0% e #DFB7CC come 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #B1AEB0	RGB 177 174 176	#B1AEB0
33.3%	33.3% #BAB0B6	RGB 186 176 182	#BAB0B6
50.0%	50.0% #C3B2BB	RGB 195 178 187	#C3B2BB
66.7%	66.7% #CCB3C1	RGB 204 179 193	#CCB3C1
83.3%	83.3% #D5B5C6	RGB 213 181 198	#D5B5C6
100.0%	100.0% #DFB7CC	RGB 223 183 204	#DFB7CC

#A8ADAB #B1AEB0 #BAB0B6 #C3B2BB #CCB3C1 #D5B5C6 #DFB7CC

#A8ADAB - #DFB7CC

Miscela HSV

#A8ADAB - #DFB7CC | 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 #A8ADAB come 0% e #DFB7CC come 100%.

0.0%	0.0% #A8ADAB	RGB 168 173 171	#A8ADAB
16.7%	16.7% #ABB4B5	RGB 171 180 181	#ABB4B5
33.3%	33.3% #AEB5BD	RGB 174 181 189	#AEB5BD
50.0%	50.0% #B2B1C6	RGB 178 177 198	#B2B1C6
66.7%	66.7% #C1B3CE	RGB 193 179 206	#C1B3CE
83.3%	83.3% #D6B5D6	RGB 214 181 214	#D6B5D6
100.0%	100.0% #DFB7CC	RGB 223 183 204	#DFB7CC

#A8ADAB #ABB4B5 #AEB5BD #B2B1C6 #C1B3CE #D6B5D6 #DFB7CC

#A8ADAB - #B2B1C6 - #DFB7CC

Codici CSS

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

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