#8B5E6F - #A67BDF | 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 #8B5E6F a #A67BDF

#8B5E6F #A67BDF

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

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

0.0%	0.0% #8B5E6F	RGB 139 94 111	#8B5E6F
16.7%	16.7% #8F6281	RGB 143 98 129	#8F6281
33.3%	33.3% #946794	RGB 148 103 148	#946794
50.0%	50.0% #986CA7	RGB 152 108 167	#986CA7
66.7%	66.7% #9D71B9	RGB 157 113 185	#9D71B9
83.3%	83.3% #A176CC	RGB 161 118 204	#A176CC
100.0%	100.0% #A67BDF	RGB 166 123 223	#A67BDF

#8B5E6F #8F6281 #946794 #986CA7 #9D71B9 #A176CC #A67BDF

#8B5E6F - #A67BDF

Miscela HSV

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

0.0%	0.0% #8B5E6F	RGB 139 94 111	#8B5E6F
16.7%	16.7% #996482	RGB 153 100 130	#996482
33.3%	33.3% #A76999	RGB 167 105 153	#A76999
50.0%	50.0% #B56FB3	RGB 181 111 179	#B56FB3
66.7%	66.7% #B573C3	RGB 181 115 195	#B573C3
83.3%	83.3% #AF77D1	RGB 175 119 209	#AF77D1
100.0%	100.0% #A67BDF	RGB 166 123 223	#A67BDF

#8B5E6F #996482 #A76999 #B56FB3 #B573C3 #AF77D1 #A67BDF

#8B5E6F - #B56FB3 - #A67BDF

Codici CSS

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

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