#DBD5E4 - #937FA6 | 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 #DBD5E4 a #937FA6

#DBD5E4 #937FA6

Calcola il colore tra due colori, #DBD5E4 e #937FA6. 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)

#DBD5E4 - #937FA6 | 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 #DBD5E4 come 0% e #937FA6 come 100%.

0.0%	0.0% #DBD5E4	RGB 219 213 228	#DBD5E4
16.7%	16.7% #CFC6D9	RGB 207 198 217	#CFC6D9
33.3%	33.3% #C3B8CF	RGB 195 184 207	#C3B8CF
50.0%	50.0% #B7AAC5	RGB 183 170 197	#B7AAC5
66.7%	66.7% #AB9BBA	RGB 171 155 186	#AB9BBA
83.3%	83.3% #9F8DB0	RGB 159 141 176	#9F8DB0
100.0%	100.0% #937FA6	RGB 147 127 166	#937FA6

#DBD5E4 #CFC6D9 #C3B8CF #B7AAC5 #AB9BBA #9F8DB0 #937FA6

#DBD5E4 - #937FA6

Miscela HSV

#DBD5E4 - #937FA6 | 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 #DBD5E4 come 0% e #937FA6 come 100%.

0.0%	0.0% #DBD5E4	RGB 219 213 228	#DBD5E4
16.7%	16.7% #CDC5D9	RGB 205 197 217	#CDC5D9
33.3%	33.3% #C1B6CF	RGB 193 182 207	#C1B6CF
50.0%	50.0% #B4A7C5	RGB 180 167 197	#B4A7C5
66.7%	66.7% #A999BA	RGB 169 153 186	#A999BA
83.3%	83.3% #9D8BB0	RGB 157 139 176	#9D8BB0
100.0%	100.0% #937FA6	RGB 147 127 166	#937FA6

#DBD5E4 #CDC5D9 #C1B6CF #B4A7C5 #A999BA #9D8BB0 #937FA6

#DBD5E4 - #B4A7C5 - #937FA6

Codici CSS

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

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