#7E2B5B - #DB747B | 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 #7E2B5B a #DB747B

#7E2B5B #DB747B

Calcola il colore tra due colori, #7E2B5B e #DB747B. 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)

#7E2B5B - #DB747B | 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 #7E2B5B come 0% e #DB747B come 100%.

0.0%	0.0% #7E2B5B	RGB 126 43 91	#7E2B5B
16.7%	16.7% #8D3760	RGB 141 55 96	#8D3760
33.3%	33.3% #9D4365	RGB 157 67 101	#9D4365
50.0%	50.0% #AC4F6B	RGB 172 79 107	#AC4F6B
66.7%	66.7% #BC5B70	RGB 188 91 112	#BC5B70
83.3%	83.3% #CB6775	RGB 203 103 117	#CB6775
100.0%	100.0% #DB747B	RGB 219 116 123	#DB747B

#7E2B5B #8D3760 #9D4365 #AC4F6B #BC5B70 #CB6775 #DB747B

#7E2B5B - #DB747B

Miscela HSV

#7E2B5B - #DB747B | 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 #7E2B5B come 0% e #DB747B come 100%.

0.0%	0.0% #7E2B5B	RGB 126 43 91	#7E2B5B
16.7%	16.7% #8D3460	RGB 141 52 96	#8D3460
33.3%	33.3% #9D3F65	RGB 157 63 101	#9D3F65
50.0%	50.0% #AC4B6A	RGB 172 75 106	#AC4B6A
66.7%	66.7% #BC576F	RGB 188 87 111	#BC576F
83.3%	83.3% #CB6575	RGB 203 101 117	#CB6575
100.0%	100.0% #DB747B	RGB 219 116 123	#DB747B

#7E2B5B #8D3460 #9D3F65 #AC4B6A #BC576F #CB6575 #DB747B

#7E2B5B - #AC4B6A - #DB747B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E2B5B 0%, #AC4B6A 50%, #DB747B 100%);
    background: -webkit-linear-gradient(top, #7E2B5B 0%, #AC4B6A 50%, #DB747B 100%);
    background: linear-gradient(to bottom, #7E2B5B 0%, #AC4B6A 50%, #DB747B 100%);
}
</style>