#B09EB6 - #793E7B | 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 #B09EB6 a #793E7B

#B09EB6 #793E7B

Calcola il colore tra due colori, #B09EB6 e #793E7B. 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)

#B09EB6 - #793E7B | 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 #B09EB6 come 0% e #793E7B come 100%.

0.0%	0.0% #B09EB6	RGB 176 158 182	#B09EB6
16.7%	16.7% #A68EAC	RGB 166 142 172	#A68EAC
33.3%	33.3% #9D7EA2	RGB 157 126 162	#9D7EA2
50.0%	50.0% #946E98	RGB 148 110 152	#946E98
66.7%	66.7% #8B5E8E	RGB 139 94 142	#8B5E8E
83.3%	83.3% #824E84	RGB 130 78 132	#824E84
100.0%	100.0% #793E7B	RGB 121 62 123	#793E7B

#B09EB6 #A68EAC #9D7EA2 #946E98 #8B5E8E #824E84 #793E7B

#B09EB6 - #793E7B

Miscela HSV

#B09EB6 - #793E7B | 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 #B09EB6 come 0% e #793E7B come 100%.

0.0%	0.0% #B09EB6	RGB 176 158 182	#B09EB6
16.7%	16.7% #A58BAC	RGB 165 139 172	#A58BAC
33.3%	33.3% #9B79A2	RGB 155 121 162	#9B79A2
50.0%	50.0% #916898	RGB 145 104 152	#916898
66.7%	66.7% #89598E	RGB 137 89 142	#89598E
83.3%	83.3% #804B84	RGB 128 75 132	#804B84
100.0%	100.0% #793E7B	RGB 121 62 123	#793E7B

#B09EB6 #A58BAC #9B79A2 #916898 #89598E #804B84 #793E7B

#B09EB6 - #916898 - #793E7B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B09EB6 0%, #916898 50%, #793E7B 100%);
    background: -webkit-linear-gradient(top, #B09EB6 0%, #916898 50%, #793E7B 100%);
    background: linear-gradient(to bottom, #B09EB6 0%, #916898 50%, #793E7B 100%);
}
</style>