#BF6F8C - #811E3E | 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 #BF6F8C a #811E3E

#BF6F8C #811E3E

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

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

0.0%	0.0% #BF6F8C	RGB 191 111 140	#BF6F8C
16.7%	16.7% #B4617F	RGB 180 97 127	#B4617F
33.3%	33.3% #AA5472	RGB 170 84 114	#AA5472
50.0%	50.0% #A04665	RGB 160 70 101	#A04665
66.7%	66.7% #953958	RGB 149 57 88	#953958
83.3%	83.3% #8B2B4B	RGB 139 43 75	#8B2B4B
100.0%	100.0% #811E3E	RGB 129 30 62	#811E3E

#BF6F8C #B4617F #AA5472 #A04665 #953958 #8B2B4B #811E3E

#BF6F8C - #811E3E

Miscela HSV

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

0.0%	0.0% #BF6F8B	RGB 191 111 139	#BF6F8B
16.7%	16.7% #B45E7D	RGB 180 94 125	#B45E7D
33.3%	33.3% #AA4F6F	RGB 170 79 111	#AA4F6F
50.0%	50.0% #A04161	RGB 160 65 97	#A04161
66.7%	66.7% #953454	RGB 149 52 84	#953454
83.3%	83.3% #8B2849	RGB 139 40 73	#8B2849
100.0%	100.0% #811E3E	RGB 129 30 62	#811E3E

#BF6F8B #B45E7D #AA4F6F #A04161 #953454 #8B2849 #811E3E

#BF6F8C - #A04161 - #811E3E

Codici CSS

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

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