#DCD2FF - #8372CD | 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 #DCD2FF a #8372CD

#DCD2FF #8372CD

Calcola il colore tra due colori, #DCD2FF e #8372CD. 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)

#DCD2FF - #8372CD | 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 #DCD2FF come 0% e #8372CD come 100%.

0.0%	0.0% #DCD2FF	RGB 220 210 255	#DCD2FF
16.7%	16.7% #CDC2F6	RGB 205 194 246	#CDC2F6
33.3%	33.3% #BEB2EE	RGB 190 178 238	#BEB2EE
50.0%	50.0% #AFA2E6	RGB 175 162 230	#AFA2E6
66.7%	66.7% #A092DD	RGB 160 146 221	#A092DD
83.3%	83.3% #9182D5	RGB 145 130 213	#9182D5
100.0%	100.0% #8372CD	RGB 131 114 205	#8372CD

#DCD2FF #CDC2F6 #BEB2EE #AFA2E6 #A092DD #9182D5 #8372CD

#DCD2FF - #8372CD

Miscela HSV

#DCD2FF - #8372CD | 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 #DCD2FF come 0% e #8372CD come 100%.

0.0%	0.0% #DCD2FF	RGB 220 210 255	#DCD2FF
16.7%	16.7% #CBC0F6	RGB 203 192 246	#CBC0F6
33.3%	33.3% #BCAFEE	RGB 188 175 238	#BCAFEE
50.0%	50.0% #AD9EE6	RGB 173 158 230	#AD9EE6
66.7%	66.7% #9E8FDD	RGB 158 143 221	#9E8FDD
83.3%	83.3% #9080D5	RGB 144 128 213	#9080D5
100.0%	100.0% #8372CD	RGB 131 114 205	#8372CD

#DCD2FF #CBC0F6 #BCAFEE #AD9EE6 #9E8FDD #9080D5 #8372CD

#DCD2FF - #AD9EE6 - #8372CD

Codici CSS

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

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