#BCB5C3 - #6B4A8C | 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 #BCB5C3 a #6B4A8C

#BCB5C3 #6B4A8C

Calcola il colore tra due colori, #BCB5C3 e #6B4A8C. 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)

#BCB5C3 - #6B4A8C | 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 #BCB5C3 come 0% e #6B4A8C come 100%.

0.0%	0.0% #BCB5C3	RGB 188 181 195	#BCB5C3
16.7%	16.7% #AEA3B9	RGB 174 163 185	#AEA3B9
33.3%	33.3% #A191B0	RGB 161 145 176	#A191B0
50.0%	50.0% #937FA7	RGB 147 127 167	#937FA7
66.7%	66.7% #866D9E	RGB 134 109 158	#866D9E
83.3%	83.3% #785B95	RGB 120 91 149	#785B95
100.0%	100.0% #6B4A8C	RGB 107 74 140	#6B4A8C

#BCB5C3 #AEA3B9 #A191B0 #937FA7 #866D9E #785B95 #6B4A8C

#BCB5C3 - #6B4A8C

Miscela HSV

#BCB5C3 - #6B4A8C | 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 #BCB5C3 come 0% e #6B4A8C come 100%.

0.0%	0.0% #BCB5C3	RGB 188 181 195	#BCB5C3
16.7%	16.7% #ACA0B9	RGB 172 160 185	#ACA0B9
33.3%	33.3% #9E8CB0	RGB 158 140 176	#9E8CB0
50.0%	50.0% #907AA7	RGB 144 122 167	#907AA7
66.7%	66.7% #83689E	RGB 131 104 158	#83689E
83.3%	83.3% #765895	RGB 118 88 149	#765895
100.0%	100.0% #6B4A8C	RGB 107 74 140	#6B4A8C

#BCB5C3 #ACA0B9 #9E8CB0 #907AA7 #83689E #765895 #6B4A8C

#BCB5C3 - #907AA7 - #6B4A8C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB5C3 0%, #907AA7 50%, #6B4A8C 100%);
    background: -webkit-linear-gradient(top, #BCB5C3 0%, #907AA7 50%, #6B4A8C 100%);
    background: linear-gradient(to bottom, #BCB5C3 0%, #907AA7 50%, #6B4A8C 100%);
}
</style>