#BEA8AF - #8B5461 | 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 #BEA8AF a #8B5461

#BEA8AF #8B5461

Calcola il colore tra due colori, #BEA8AF e #8B5461. 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)

#BEA8AF - #8B5461 | 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 #BEA8AF come 0% e #8B5461 come 100%.

0.0%	0.0% #BEA8AF	RGB 190 168 175	#BEA8AF
16.7%	16.7% #B59AA2	RGB 181 154 162	#B59AA2
33.3%	33.3% #AD8C95	RGB 173 140 149	#AD8C95
50.0%	50.0% #A47E88	RGB 164 126 136	#A47E88
66.7%	66.7% #9C707B	RGB 156 112 123	#9C707B
83.3%	83.3% #93626E	RGB 147 98 110	#93626E
100.0%	100.0% #8B5461	RGB 139 84 97	#8B5461

#BEA8AF #B59AA2 #AD8C95 #A47E88 #9C707B #93626E #8B5461

#BEA8AF - #8B5461

Miscela HSV

#BEA8AF - #8B5461 | 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 #BEA8AF come 0% e #8B5461 come 100%.

0.0%	0.0% #BEA8AF	RGB 190 168 175	#BEA8AF
16.7%	16.7% #B598A0	RGB 181 152 160	#B598A0
33.3%	33.3% #AD8893	RGB 173 136 147	#AD8893
50.0%	50.0% #A47A86	RGB 164 122 134	#A47A86
66.7%	66.7% #9C6C79	RGB 156 108 121	#9C6C79
83.3%	83.3% #93606C	RGB 147 96 108	#93606C
100.0%	100.0% #8B5461	RGB 139 84 97	#8B5461

#BEA8AF #B598A0 #AD8893 #A47A86 #9C6C79 #93606C #8B5461

#BEA8AF - #A47A86 - #8B5461

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEA8AF 0%, #A47A86 50%, #8B5461 100%);
    background: -webkit-linear-gradient(top, #BEA8AF 0%, #A47A86 50%, #8B5461 100%);
    background: linear-gradient(to bottom, #BEA8AF 0%, #A47A86 50%, #8B5461 100%);
}
</style>