#BF7E8B - #822E3E | 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 #BF7E8B a #822E3E

#BF7E8B #822E3E

Calcola il colore tra due colori, #BF7E8B e #822E3E. 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)

#BF7E8B - #822E3E | 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 #BF7E8B come 0% e #822E3E come 100%.

0.0%	0.0% #BF7E8B	RGB 191 126 139	#BF7E8B
16.7%	16.7% #B4707E	RGB 180 112 126	#B4707E
33.3%	33.3% #AA6371	RGB 170 99 113	#AA6371
50.0%	50.0% #A05664	RGB 160 86 100	#A05664
66.7%	66.7% #964857	RGB 150 72 87	#964857
83.3%	83.3% #8C3B4A	RGB 140 59 74	#8C3B4A
100.0%	100.0% #822E3E	RGB 130 46 62	#822E3E

#BF7E8B #B4707E #AA6371 #A05664 #964857 #8C3B4A #822E3E

#BF7E8B - #822E3E

Miscela HSV

#BF7E8B - #822E3E | 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 #BF7E8B come 0% e #822E3E come 100%.

0.0%	0.0% #BF7E8B	RGB 191 126 139	#BF7E8B
16.7%	16.7% #B46E7C	RGB 180 110 124	#B46E7C
33.3%	33.3% #AA5F6E	RGB 170 95 110	#AA5F6E
50.0%	50.0% #A05160	RGB 160 81 96	#A05160
66.7%	66.7% #964454	RGB 150 68 84	#964454
83.3%	83.3% #8C3848	RGB 140 56 72	#8C3848
100.0%	100.0% #822E3E	RGB 130 46 62	#822E3E

#BF7E8B #B46E7C #AA5F6E #A05160 #964454 #8C3848 #822E3E

#BF7E8B - #A05160 - #822E3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF7E8B 0%, #A05160 50%, #822E3E 100%);
    background: -webkit-linear-gradient(top, #BF7E8B 0%, #A05160 50%, #822E3E 100%);
    background: linear-gradient(to bottom, #BF7E8B 0%, #A05160 50%, #822E3E 100%);
}
</style>