#906FAA - #DED5E6 | 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 #906FAA a #DED5E6

#906FAA #DED5E6

Calcola il colore tra due colori, #906FAA e #DED5E6. 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)

#906FAA - #DED5E6 | 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 #906FAA come 0% e #DED5E6 come 100%.

0.0%	0.0% #906FAA	RGB 144 111 170	#906FAA
16.7%	16.7% #9D80B4	RGB 157 128 180	#9D80B4
33.3%	33.3% #AA91BE	RGB 170 145 190	#AA91BE
50.0%	50.0% #B7A2C8	RGB 183 162 200	#B7A2C8
66.7%	66.7% #C4B3D2	RGB 196 179 210	#C4B3D2
83.3%	83.3% #D1C4DC	RGB 209 196 220	#D1C4DC
100.0%	100.0% #DED5E6	RGB 222 213 230	#DED5E6

#906FAA #9D80B4 #AA91BE #B7A2C8 #C4B3D2 #D1C4DC #DED5E6

#906FAA - #DED5E6

Miscela HSV

#906FAA - #DED5E6 | 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 #906FAA come 0% e #DED5E6 come 100%.

0.0%	0.0% #8F6FAA	RGB 143 111 170	#8F6FAA
16.7%	16.7% #9B7DB4	RGB 155 125 180	#9B7DB4
33.3%	33.3% #A88DBE	RGB 168 141 190	#A88DBE
50.0%	50.0% #B49DC8	RGB 180 157 200	#B49DC8
66.7%	66.7% #C2AFD2	RGB 194 175 210	#C2AFD2
83.3%	83.3% #CFC1DC	RGB 207 193 220	#CFC1DC
100.0%	100.0% #DED5E6	RGB 222 213 230	#DED5E6

#8F6FAA #9B7DB4 #A88DBE #B49DC8 #C2AFD2 #CFC1DC #DED5E6

#906FAA - #B49DC8 - #DED5E6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F6FAA 0%, #B49DC8 50%, #DED5E6 100%);
    background: -webkit-linear-gradient(top, #8F6FAA 0%, #B49DC8 50%, #DED5E6 100%);
    background: linear-gradient(to bottom, #8F6FAA 0%, #B49DC8 50%, #DED5E6 100%);
}
</style>