#D0D0FF - #776ECE | 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 #D0D0FF a #776ECE

#D0D0FF #776ECE

Calcola il colore tra due colori, #D0D0FF e #776ECE. 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)

#D0D0FF - #776ECE | 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 #D0D0FF come 0% e #776ECE come 100%.

0.0%	0.0% #D0D0FF	RGB 208 208 255	#D0D0FF
16.7%	16.7% #C1BFF6	RGB 193 191 246	#C1BFF6
33.3%	33.3% #B2AFEE	RGB 178 175 238	#B2AFEE
50.0%	50.0% #A39FE6	RGB 163 159 230	#A39FE6
66.7%	66.7% #948EDE	RGB 148 142 222	#948EDE
83.3%	83.3% #857ED6	RGB 133 126 214	#857ED6
100.0%	100.0% #776ECE	RGB 119 110 206	#776ECE

#D0D0FF #C1BFF6 #B2AFEE #A39FE6 #948EDE #857ED6 #776ECE

#D0D0FF - #776ECE

Miscela HSV

#D0D0FF - #776ECE | 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 #D0D0FF come 0% e #776ECE come 100%.

0.0%	0.0% #D0D0FF	RGB 208 208 255	#D0D0FF
16.7%	16.7% #BEBDF6	RGB 190 189 246	#BEBDF6
33.3%	33.3% #AEACEE	RGB 174 172 238	#AEACEE
50.0%	50.0% #9F9BE6	RGB 159 155 230	#9F9BE6
66.7%	66.7% #908BDE	RGB 144 139 222	#908BDE
83.3%	83.3% #837CD6	RGB 131 124 214	#837CD6
100.0%	100.0% #776ECE	RGB 119 110 206	#776ECE

#D0D0FF #BEBDF6 #AEACEE #9F9BE6 #908BDE #837CD6 #776ECE

#D0D0FF - #9F9BE6 - #776ECE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0D0FF 0%, #9F9BE6 50%, #776ECE 100%);
    background: -webkit-linear-gradient(top, #D0D0FF 0%, #9F9BE6 50%, #776ECE 100%);
    background: linear-gradient(to bottom, #D0D0FF 0%, #9F9BE6 50%, #776ECE 100%);
}
</style>