#E232AC - #8C0060 | 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 #E232AC a #8C0060

#E232AC #8C0060

Calcola il colore tra due colori, #E232AC e #8C0060. 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)

#E232AC - #8C0060 | 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 #E232AC come 0% e #8C0060 come 100%.

0.0%	0.0% #E232AC	RGB 226 50 172	#E232AC
16.7%	16.7% #D3299F	RGB 211 41 159	#D3299F
33.3%	33.3% #C52192	RGB 197 33 146	#C52192
50.0%	50.0% #B71986	RGB 183 25 134	#B71986
66.7%	66.7% #A81079	RGB 168 16 121	#A81079
83.3%	83.3% #9A086C	RGB 154 8 108	#9A086C
100.0%	100.0% #8C0060	RGB 140 0 96	#8C0060

#E232AC #D3299F #C52192 #B71986 #A81079 #9A086C #8C0060

#E232AC - #8C0060

Miscela HSV

#E232AC - #8C0060 | 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 #E232AC come 0% e #8C0060 come 100%.

0.0%	0.0% #E232AC	RGB 226 50 172	#E232AC
16.7%	16.7% #D3279E	RGB 211 39 158	#D3279E
33.3%	33.3% #C51D91	RGB 197 29 145	#C51D91
50.0%	50.0% #B71484	RGB 183 20 132	#B71484
66.7%	66.7% #A80C77	RGB 168 12 119	#A80C77
83.3%	83.3% #9A056B	RGB 154 5 107	#9A056B
100.0%	100.0% #8C0060	RGB 140 0 96	#8C0060

#E232AC #D3279E #C51D91 #B71484 #A80C77 #9A056B #8C0060

#E232AC - #B71484 - #8C0060

Codici CSS

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

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