#A8A8D6 - #D0D4D7 | 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 #A8A8D6 a #D0D4D7

#A8A8D6 #D0D4D7

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

#A8A8D6 - #D0D4D7 | 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 #A8A8D6 come 0% e #D0D4D7 come 100%.

0.0%	0.0% #A8A8D6	RGB 168 168 214	#A8A8D6
16.7%	16.7% #AEAFD6	RGB 174 175 214	#AEAFD6
33.3%	33.3% #B5B6D6	RGB 181 182 214	#B5B6D6
50.0%	50.0% #BCBED6	RGB 188 190 214	#BCBED6
66.7%	66.7% #C2C5D6	RGB 194 197 214	#C2C5D6
83.3%	83.3% #C9CCD6	RGB 201 204 214	#C9CCD6
100.0%	100.0% #D0D4D7	RGB 208 212 215	#D0D4D7

#A8A8D6 #AEAFD6 #B5B6D6 #BCBED6 #C2C5D6 #C9CCD6 #D0D4D7

#A8A8D6 - #D0D4D7

Miscela HSV

#A8A8D6 - #D0D4D7 | 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 #A8A8D6 come 0% e #D0D4D7 come 100%.

0.0%	0.0% #A8A8D6	RGB 168 168 214	#A8A8D6
16.7%	16.7% #AEB2D6	RGB 174 178 214	#AEB2D6
33.3%	33.3% #B5BBD6	RGB 181 187 214	#B5BBD6
50.0%	50.0% #BBC3D6	RGB 187 195 214	#BBC3D6
66.7%	66.7% #C2CAD6	RGB 194 202 214	#C2CAD6
83.3%	83.3% #C9CFD6	RGB 201 207 214	#C9CFD6
100.0%	100.0% #D0D4D7	RGB 208 212 215	#D0D4D7

#A8A8D6 #AEB2D6 #B5BBD6 #BBC3D6 #C2CAD6 #C9CFD6 #D0D4D7

#A8A8D6 - #BBC3D6 - #D0D4D7

Codici CSS

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

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