#B08ECE - #5E2C85 | 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 #B08ECE a #5E2C85

#B08ECE #5E2C85

Calcola il colore tra due colori, #B08ECE e #5E2C85. 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)

#B08ECE - #5E2C85 | 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 #B08ECE come 0% e #5E2C85 come 100%.

0.0%	0.0% #B08ECE	RGB 176 142 206	#B08ECE
16.7%	16.7% #A27DC1	RGB 162 125 193	#A27DC1
33.3%	33.3% #946DB5	RGB 148 109 181	#946DB5
50.0%	50.0% #875DA9	RGB 135 93 169	#875DA9
66.7%	66.7% #794C9D	RGB 121 76 157	#794C9D
83.3%	83.3% #6B3C91	RGB 107 60 145	#6B3C91
100.0%	100.0% #5E2C85	RGB 94 44 133	#5E2C85

#B08ECE #A27DC1 #946DB5 #875DA9 #794C9D #6B3C91 #5E2C85

#B08ECE - #5E2C85

Miscela HSV

#B08ECE - #5E2C85 | 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 #B08ECE come 0% e #5E2C85 come 100%.

0.0%	0.0% #B08ECE	RGB 176 142 206	#B08ECE
16.7%	16.7% #A07AC1	RGB 160 122 193	#A07AC1
33.3%	33.3% #9167B5	RGB 145 103 181	#9167B5
50.0%	50.0% #8356A9	RGB 131 86 169	#8356A9
66.7%	66.7% #76469D	RGB 118 70 157	#76469D
83.3%	83.3% #693891	RGB 105 56 145	#693891
100.0%	100.0% #5E2C85	RGB 94 44 133	#5E2C85

#B08ECE #A07AC1 #9167B5 #8356A9 #76469D #693891 #5E2C85

#B08ECE - #8356A9 - #5E2C85

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B08ECE 0%, #8356A9 50%, #5E2C85 100%);
    background: -webkit-linear-gradient(top, #B08ECE 0%, #8356A9 50%, #5E2C85 100%);
    background: linear-gradient(to bottom, #B08ECE 0%, #8356A9 50%, #5E2C85 100%);
}
</style>