#7F7AE5 - #DBD9F7 | 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 #7F7AE5 a #DBD9F7

#7F7AE5 #DBD9F7

Calcola il colore tra due colori, #7F7AE5 e #DBD9F7. 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)

#7F7AE5 - #DBD9F7 | 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 #7F7AE5 come 0% e #DBD9F7 come 100%.

0.0%	0.0% #7F7AE5	RGB 127 122 229	#7F7AE5
16.7%	16.7% #8E89E8	RGB 142 137 232	#8E89E8
33.3%	33.3% #9D99EB	RGB 157 153 235	#9D99EB
50.0%	50.0% #ADA9EE	RGB 173 169 238	#ADA9EE
66.7%	66.7% #BCB9F1	RGB 188 185 241	#BCB9F1
83.3%	83.3% #CBC9F4	RGB 203 201 244	#CBC9F4
100.0%	100.0% #DBD9F7	RGB 219 217 247	#DBD9F7

#7F7AE5 #8E89E8 #9D99EB #ADA9EE #BCB9F1 #CBC9F4 #DBD9F7

#7F7AE5 - #DBD9F7

Miscela HSV

#7F7AE5 - #DBD9F7 | 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 #7F7AE5 come 0% e #DBD9F7 come 100%.

0.0%	0.0% #7E7AE5	RGB 126 122 229	#7E7AE5
16.7%	16.7% #8D88E8	RGB 141 136 232	#8D88E8
33.3%	33.3% #9C98EB	RGB 156 152 235	#9C98EB
50.0%	50.0% #ABA7EE	RGB 171 167 238	#ABA7EE
66.7%	66.7% #BBB7F1	RGB 187 183 241	#BBB7F1
83.3%	83.3% #CBC8F4	RGB 203 200 244	#CBC8F4
100.0%	100.0% #DBD9F7	RGB 219 217 247	#DBD9F7

#7E7AE5 #8D88E8 #9C98EB #ABA7EE #BBB7F1 #CBC8F4 #DBD9F7

#7F7AE5 - #ABA7EE - #DBD9F7

Codici CSS

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

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