#3E3CCC - #C8C7F0 | 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 #3E3CCC a #C8C7F0

#3E3CCC #C8C7F0

Calcola il colore tra due colori, #3E3CCC e #C8C7F0. 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)

#3E3CCC - #C8C7F0 | 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 #3E3CCC come 0% e #C8C7F0 come 100%.

0.0%	0.0% #3E3CCC	RGB 62 60 204	#3E3CCC
16.7%	16.7% #5553D2	RGB 85 83 210	#5553D2
33.3%	33.3% #6C6AD8	RGB 108 106 216	#6C6AD8
50.0%	50.0% #8381DE	RGB 131 129 222	#8381DE
66.7%	66.7% #9A98E4	RGB 154 152 228	#9A98E4
83.3%	83.3% #B1AFEA	RGB 177 175 234	#B1AFEA
100.0%	100.0% #C8C7F0	RGB 200 199 240	#C8C7F0

#3E3CCC #5553D2 #6C6AD8 #8381DE #9A98E4 #B1AFEA #C8C7F0

#3E3CCC - #C8C7F0

Miscela HSV

#3E3CCC - #C8C7F0 | 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 #3E3CCC come 0% e #C8C7F0 come 100%.

0.0%	0.0% #3E3CCC	RGB 62 60 204	#3E3CCC
16.7%	16.7% #5250D2	RGB 82 80 210	#5250D2
33.3%	33.3% #6866D8	RGB 104 102 216	#6866D8
50.0%	50.0% #7E7CDE	RGB 126 124 222	#7E7CDE
66.7%	66.7% #9694E4	RGB 150 148 228	#9694E4
83.3%	83.3% #AEADEA	RGB 174 173 234	#AEADEA
100.0%	100.0% #C8C7F0	RGB 200 199 240	#C8C7F0

#3E3CCC #5250D2 #6866D8 #7E7CDE #9694E4 #AEADEA #C8C7F0

#3E3CCC - #7E7CDE - #C8C7F0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3CCC 0%, #7E7CDE 50%, #C8C7F0 100%);
    background: -webkit-linear-gradient(top, #3E3CCC 0%, #7E7CDE 50%, #C8C7F0 100%);
    background: linear-gradient(to bottom, #3E3CCC 0%, #7E7CDE 50%, #C8C7F0 100%);
}
</style>