#848FE5 - #DBDFF7 | 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 #848FE5 a #DBDFF7

#848FE5 #DBDFF7

Calcola il colore tra due colori, #848FE5 e #DBDFF7. 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)

#848FE5 - #DBDFF7 | 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 #848FE5 come 0% e #DBDFF7 come 100%.

0.0%	0.0% #848FE5	RGB 132 143 229	#848FE5
16.7%	16.7% #929CE8	RGB 146 156 232	#929CE8
33.3%	33.3% #A1A9EB	RGB 161 169 235	#A1A9EB
50.0%	50.0% #AFB7EE	RGB 175 183 238	#AFB7EE
66.7%	66.7% #BEC4F1	RGB 190 196 241	#BEC4F1
83.3%	83.3% #CCD1F4	RGB 204 209 244	#CCD1F4
100.0%	100.0% #DBDFF7	RGB 219 223 247	#DBDFF7

#848FE5 #929CE8 #A1A9EB #AFB7EE #BEC4F1 #CCD1F4 #DBDFF7

#848FE5 - #DBDFF7

Miscela HSV

#848FE5 - #DBDFF7 | 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 #848FE5 come 0% e #DBDFF7 come 100%.

0.0%	0.0% #848EE5	RGB 132 142 229	#848EE5
16.7%	16.7% #919BE8	RGB 145 155 232	#919BE8
33.3%	33.3% #9FA9EB	RGB 159 169 235	#9FA9EB
50.0%	50.0% #AEB6EE	RGB 174 182 238	#AEB6EE
66.7%	66.7% #BCC3F1	RGB 188 195 241	#BCC3F1
83.3%	83.3% #CBD1F4	RGB 203 209 244	#CBD1F4
100.0%	100.0% #DBDFF7	RGB 219 223 247	#DBDFF7

#848EE5 #919BE8 #9FA9EB #AEB6EE #BCC3F1 #CBD1F4 #DBDFF7

#848FE5 - #AEB6EE - #DBDFF7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848EE5 0%, #AEB6EE 50%, #DBDFF7 100%);
    background: -webkit-linear-gradient(top, #848EE5 0%, #AEB6EE 50%, #DBDFF7 100%);
    background: linear-gradient(to bottom, #848EE5 0%, #AEB6EE 50%, #DBDFF7 100%);
}
</style>