#9292FF - #ADCDFA | 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 #9292FF a #ADCDFA

#9292FF #ADCDFA

Calcola il colore tra due colori, #9292FF e #ADCDFA. 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)

#9292FF - #ADCDFA | 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 #9292FF come 0% e #ADCDFA come 100%.

0.0%	0.0% #9292FF	RGB 146 146 255	#9292FF
16.7%	16.7% #969BFE	RGB 150 155 254	#969BFE
33.3%	33.3% #9BA5FD	RGB 155 165 253	#9BA5FD
50.0%	50.0% #9FAFFC	RGB 159 175 252	#9FAFFC
66.7%	66.7% #A4B9FB	RGB 164 185 251	#A4B9FB
83.3%	83.3% #A8C3FA	RGB 168 195 250	#A8C3FA
100.0%	100.0% #ADCDFA	RGB 173 205 250	#ADCDFA

#9292FF #969BFE #9BA5FD #9FAFFC #A4B9FB #A8C3FA #ADCDFA

#9292FF - #ADCDFA

Miscela HSV

#9292FF - #ADCDFA | 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 #9292FF come 0% e #ADCDFA come 100%.

0.0%	0.0% #9292FF	RGB 146 146 255	#9292FF
16.7%	16.7% #969DFE	RGB 150 157 254	#969DFE
33.3%	33.3% #9BA8FD	RGB 155 168 253	#9BA8FD
50.0%	50.0% #9FB2FC	RGB 159 178 252	#9FB2FC
66.7%	66.7% #A4BCFB	RGB 164 188 251	#A4BCFB
83.3%	83.3% #A8C5FA	RGB 168 197 250	#A8C5FA
100.0%	100.0% #ADCDFA	RGB 173 205 250	#ADCDFA

#9292FF #969DFE #9BA8FD #9FB2FC #A4BCFB #A8C5FA #ADCDFA

#9292FF - #9FB2FC - #ADCDFA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9292FF 0%, #9FB2FC 50%, #ADCDFA 100%);
    background: -webkit-linear-gradient(top, #9292FF 0%, #9FB2FC 50%, #ADCDFA 100%);
    background: linear-gradient(to bottom, #9292FF 0%, #9FB2FC 50%, #ADCDFA 100%);
}
</style>