#D6D4DA - #8F8099 | 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 #D6D4DA a #8F8099

#D6D4DA #8F8099

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

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

0.0%	0.0% #D6D4DA	RGB 214 212 218	#D6D4DA
16.7%	16.7% #CAC6CF	RGB 202 198 207	#CAC6CF
33.3%	33.3% #BEB8C4	RGB 190 184 196	#BEB8C4
50.0%	50.0% #B2AAB9	RGB 178 170 185	#B2AAB9
66.7%	66.7% #A69CAE	RGB 166 156 174	#A69CAE
83.3%	83.3% #9A8EA3	RGB 154 142 163	#9A8EA3
100.0%	100.0% #8F8099	RGB 143 128 153	#8F8099

#D6D4DA #CAC6CF #BEB8C4 #B2AAB9 #A69CAE #9A8EA3 #8F8099

#D6D4DA - #8F8099

Miscela HSV

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

0.0%	0.0% #D6D4DA	RGB 214 212 218	#D6D4DA
16.7%	16.7% #C8C4CF	RGB 200 196 207	#C8C4CF
33.3%	33.3% #BCB6C4	RGB 188 182 196	#BCB6C4
50.0%	50.0% #B0A7B9	RGB 176 167 185	#B0A7B9
66.7%	66.7% #A49AAE	RGB 164 154 174	#A49AAE
83.3%	83.3% #998CA3	RGB 153 140 163	#998CA3
100.0%	100.0% #8F8099	RGB 143 128 153	#8F8099

#D6D4DA #C8C4CF #BCB6C4 #B0A7B9 #A49AAE #998CA3 #8F8099

#D6D4DA - #B0A7B9 - #8F8099

Codici CSS

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

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