#9B5E91 - #E2D1DF | 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 #9B5E91 a #E2D1DF

#9B5E91 #E2D1DF

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

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

0.0%	0.0% #9B5E91	RGB 155 94 145	#9B5E91
16.7%	16.7% #A6719E	RGB 166 113 158	#A6719E
33.3%	33.3% #B284AB	RGB 178 132 171	#B284AB
50.0%	50.0% #BE97B8	RGB 190 151 184	#BE97B8
66.7%	66.7% #CAAAC5	RGB 202 170 197	#CAAAC5
83.3%	83.3% #D6BDD2	RGB 214 189 210	#D6BDD2
100.0%	100.0% #E2D1DF	RGB 226 209 223	#E2D1DF

#9B5E91 #A6719E #B284AB #BE97B8 #CAAAC5 #D6BDD2 #E2D1DF

#9B5E91 - #E2D1DF

Miscela HSV

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

0.0%	0.0% #9B5E91	RGB 155 94 145	#9B5E91
16.7%	16.7% #A66E9D	RGB 166 110 157	#A66E9D
33.3%	33.3% #B27FAA	RGB 178 127 170	#B27FAA
50.0%	50.0% #BE91B6	RGB 190 145 182	#BE91B6
66.7%	66.7% #CAA5C4	RGB 202 165 196	#CAA5C4
83.3%	83.3% #D6BAD1	RGB 214 186 209	#D6BAD1
100.0%	100.0% #E2D1DF	RGB 226 209 223	#E2D1DF

#9B5E91 #A66E9D #B27FAA #BE91B6 #CAA5C4 #D6BAD1 #E2D1DF

#9B5E91 - #BE91B6 - #E2D1DF

Codici CSS

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

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