#B76C92 - #341E29 | 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 #B76C92 a #341E29

#B76C92 #341E29

Calcola il colore tra due colori, #B76C92 e #341E29. 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)

#B76C92 - #341E29 | 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 #B76C92 come 0% e #341E29 come 100%.

0.0%	0.0% #B76C92	RGB 183 108 146	#B76C92
16.7%	16.7% #A15F80	RGB 161 95 128	#A15F80
33.3%	33.3% #8B526F	RGB 139 82 111	#8B526F
50.0%	50.0% #75455D	RGB 117 69 93	#75455D
66.7%	66.7% #5F384C	RGB 95 56 76	#5F384C
83.3%	83.3% #492B3A	RGB 73 43 58	#492B3A
100.0%	100.0% #341E29	RGB 52 30 41	#341E29

#B76C92 #A15F80 #8B526F #75455D #5F384C #492B3A #341E29

#B76C92 - #341E29

Miscela HSV

#B76C92 - #341E29 | 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 #B76C92 come 0% e #341E29 come 100%.

0.0%	0.0% #B76C92	RGB 183 108 146	#B76C92
16.7%	16.7% #A15E80	RGB 161 94 128	#A15E80
33.3%	33.3% #8B516E	RGB 139 81 110	#8B516E
50.0%	50.0% #75445D	RGB 117 68 93	#75445D
66.7%	66.7% #5F374B	RGB 95 55 75	#5F374B
83.3%	83.3% #492A3A	RGB 73 42 58	#492A3A
100.0%	100.0% #341E29	RGB 52 30 41	#341E29

#B76C92 #A15E80 #8B516E #75445D #5F374B #492A3A #341E29

#B76C92 - #75445D - #341E29

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B76C92 0%, #75445D 50%, #341E29 100%);
    background: -webkit-linear-gradient(top, #B76C92 0%, #75445D 50%, #341E29 100%);
    background: linear-gradient(to bottom, #B76C92 0%, #75445D 50%, #341E29 100%);
}
</style>