#D9D9DD - #8F87B8 | 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 #D9D9DD a #8F87B8

#D9D9DD #8F87B8

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

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

0.0%	0.0% #D9D9DD	RGB 217 217 221	#D9D9DD
16.7%	16.7% #CCCBD6	RGB 204 203 214	#CCCBD6
33.3%	33.3% #C0BDD0	RGB 192 189 208	#C0BDD0
50.0%	50.0% #B4B0CA	RGB 180 176 202	#B4B0CA
66.7%	66.7% #A7A2C4	RGB 167 162 196	#A7A2C4
83.3%	83.3% #9B94BE	RGB 155 148 190	#9B94BE
100.0%	100.0% #8F87B8	RGB 143 135 184	#8F87B8

#D9D9DD #CCCBD6 #C0BDD0 #B4B0CA #A7A2C4 #9B94BE #8F87B8

#D9D9DD - #8F87B8

Miscela HSV

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

0.0%	0.0% #D9D9DD	RGB 217 217 221	#D9D9DD
16.7%	16.7% #CACAD6	RGB 202 202 214	#CACAD6
33.3%	33.3% #BCBBD0	RGB 188 187 208	#BCBBD0
50.0%	50.0% #B0ADCA	RGB 176 173 202	#B0ADCA
66.7%	66.7% #A4A0C4	RGB 164 160 196	#A4A0C4
83.3%	83.3% #9993BE	RGB 153 147 190	#9993BE
100.0%	100.0% #8F87B8	RGB 143 135 184	#8F87B8

#D9D9DD #CACAD6 #BCBBD0 #B0ADCA #A4A0C4 #9993BE #8F87B8

#D9D9DD - #B0ADCA - #8F87B8

Codici CSS

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

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