#55276B - #CEC1D4 | 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 #55276B a #CEC1D4

#55276B #CEC1D4

Calcola il colore tra due colori, #55276B e #CEC1D4. 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)

#55276B - #CEC1D4 | 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 #55276B come 0% e #CEC1D4 come 100%.

0.0%	0.0% #55276B	RGB 85 39 107	#55276B
16.7%	16.7% #69407C	RGB 105 64 124	#69407C
33.3%	33.3% #7D5A8E	RGB 125 90 142	#7D5A8E
50.0%	50.0% #91749F	RGB 145 116 159	#91749F
66.7%	66.7% #A58DB1	RGB 165 141 177	#A58DB1
83.3%	83.3% #B9A7C2	RGB 185 167 194	#B9A7C2
100.0%	100.0% #CEC1D4	RGB 206 193 212	#CEC1D4

#55276B #69407C #7D5A8E #91749F #A58DB1 #B9A7C2 #CEC1D4

#55276B - #CEC1D4

Miscela HSV

#55276B - #CEC1D4 | 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 #55276B come 0% e #CEC1D4 come 100%.

0.0%	0.0% #54276B	RGB 84 39 107	#54276B
16.7%	16.7% #66387C	RGB 102 56 124	#66387C
33.3%	33.3% #794D8E	RGB 121 77 142	#794D8E
50.0%	50.0% #8D659F	RGB 141 101 159	#8D659F
66.7%	66.7% #A180B1	RGB 161 128 177	#A180B1
83.3%	83.3% #B79FC2	RGB 183 159 194	#B79FC2
100.0%	100.0% #CEC1D4	RGB 206 193 212	#CEC1D4

#54276B #66387C #794D8E #8D659F #A180B1 #B79FC2 #CEC1D4

#55276B - #8D659F - #CEC1D4

Codici CSS

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

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