#C49BA2 - #8C4853 | 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 #C49BA2 a #8C4853

#C49BA2 #8C4853

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

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

0.0%	0.0% #C49BA2	RGB 196 155 162	#C49BA2
16.7%	16.7% #BA8D94	RGB 186 141 148	#BA8D94
33.3%	33.3% #B17F87	RGB 177 127 135	#B17F87
50.0%	50.0% #A8717A	RGB 168 113 122	#A8717A
66.7%	66.7% #9E636D	RGB 158 99 109	#9E636D
83.3%	83.3% #955560	RGB 149 85 96	#955560
100.0%	100.0% #8C4853	RGB 140 72 83	#8C4853

#C49BA2 #BA8D94 #B17F87 #A8717A #9E636D #955560 #8C4853

#C49BA2 - #8C4853

Miscela HSV

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

0.0%	0.0% #C49BA2	RGB 196 155 162	#C49BA2
16.7%	16.7% #BA8B93	RGB 186 139 147	#BA8B93
33.3%	33.3% #B17B84	RGB 177 123 132	#B17B84
50.0%	50.0% #A86D77	RGB 168 109 119	#A86D77
66.7%	66.7% #9E606A	RGB 158 96 106	#9E606A
83.3%	83.3% #95535E	RGB 149 83 94	#95535E
100.0%	100.0% #8C4853	RGB 140 72 83	#8C4853

#C49BA2 #BA8B93 #B17B84 #A86D77 #9E606A #95535E #8C4853

#C49BA2 - #A86D77 - #8C4853

Codici CSS

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

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