#9C5EAF - #F7B7D9 | 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 #9C5EAF a #F7B7D9

#9C5EAF #F7B7D9

Calcola il colore tra due colori, #9C5EAF e #F7B7D9. 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)

#9C5EAF - #F7B7D9 | 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 #9C5EAF come 0% e #F7B7D9 come 100%.

0.0%	0.0% #9C5EAF	RGB 156 94 175	#9C5EAF
16.7%	16.7% #AB6CB6	RGB 171 108 182	#AB6CB6
33.3%	33.3% #BA7BBD	RGB 186 123 189	#BA7BBD
50.0%	50.0% #C98AC4	RGB 201 138 196	#C98AC4
66.7%	66.7% #D899CB	RGB 216 153 203	#D899CB
83.3%	83.3% #E7A8D2	RGB 231 168 210	#E7A8D2
100.0%	100.0% #F7B7D9	RGB 247 183 217	#F7B7D9

#9C5EAF #AB6CB6 #BA7BBD #C98AC4 #D899CB #E7A8D2 #F7B7D9

#9C5EAF - #F7B7D9

Miscela HSV

#9C5EAF - #F7B7D9 | 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 #9C5EAF come 0% e #F7B7D9 come 100%.

0.0%	0.0% #9C5EAF	RGB 156 94 175	#9C5EAF
16.7%	16.7% #B16ABB	RGB 177 106 187	#B16ABB
33.3%	33.3% #C678C7	RGB 198 120 199	#C678C7
50.0%	50.0% #D386CA	RGB 211 134 202	#D386CA
66.7%	66.7% #DF96CD	RGB 223 150 205	#DF96CD
83.3%	83.3% #EBA6D2	RGB 235 166 210	#EBA6D2
100.0%	100.0% #F7B7D9	RGB 247 183 217	#F7B7D9

#9C5EAF #B16ABB #C678C7 #D386CA #DF96CD #EBA6D2 #F7B7D9

#9C5EAF - #D386CA - #F7B7D9

Codici CSS

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

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