#BC9FDC - #342D3E | 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 #BC9FDC a #342D3E

#BC9FDC #342D3E

Calcola il colore tra due colori, #BC9FDC e #342D3E. 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)

#BC9FDC - #342D3E | 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 #BC9FDC come 0% e #342D3E come 100%.

0.0%	0.0% #BC9FDC	RGB 188 159 220	#BC9FDC
16.7%	16.7% #A58CC1	RGB 165 140 193	#A58CC1
33.3%	33.3% #8E79A7	RGB 142 121 167	#8E79A7
50.0%	50.0% #78668D	RGB 120 102 141	#78668D
66.7%	66.7% #615372	RGB 97 83 114	#615372
83.3%	83.3% #4A4058	RGB 74 64 88	#4A4058
100.0%	100.0% #342D3E	RGB 52 45 62	#342D3E

#BC9FDC #A58CC1 #8E79A7 #78668D #615372 #4A4058 #342D3E

#BC9FDC - #342D3E

Miscela HSV

#BC9FDC - #342D3E | 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 #BC9FDC come 0% e #342D3E come 100%.

0.0%	0.0% #BC9FDC	RGB 188 159 220	#BC9FDC
16.7%	16.7% #A48CC1	RGB 164 140 193	#A48CC1
33.3%	33.3% #8E79A7	RGB 142 121 167	#8E79A7
50.0%	50.0% #77668D	RGB 119 102 141	#77668D
66.7%	66.7% #605372	RGB 96 83 114	#605372
83.3%	83.3% #4A4058	RGB 74 64 88	#4A4058
100.0%	100.0% #342D3E	RGB 52 45 62	#342D3E

#BC9FDC #A48CC1 #8E79A7 #77668D #605372 #4A4058 #342D3E

#BC9FDC - #77668D - #342D3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC9FDC 0%, #77668D 50%, #342D3E 100%);
    background: -webkit-linear-gradient(top, #BC9FDC 0%, #77668D 50%, #342D3E 100%);
    background: linear-gradient(to bottom, #BC9FDC 0%, #77668D 50%, #342D3E 100%);
}
</style>