#4A2D35 - #CBC3C5 | 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 #4A2D35 a #CBC3C5

#4A2D35 #CBC3C5

Calcola il colore tra due colori, #4A2D35 e #CBC3C5. 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)

#4A2D35 - #CBC3C5 | 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 #4A2D35 come 0% e #CBC3C5 come 100%.

0.0%	0.0% #4A2D35	RGB 74 45 53	#4A2D35
16.7%	16.7% #5F464D	RGB 95 70 77	#5F464D
33.3%	33.3% #755F65	RGB 117 95 101	#755F65
50.0%	50.0% #8A787D	RGB 138 120 125	#8A787D
66.7%	66.7% #A09195	RGB 160 145 149	#A09195
83.3%	83.3% #B5AAAD	RGB 181 170 173	#B5AAAD
100.0%	100.0% #CBC3C5	RGB 203 195 197	#CBC3C5

#4A2D35 #5F464D #755F65 #8A787D #A09195 #B5AAAD #CBC3C5

#4A2D35 - #CBC3C5

Miscela HSV

#4A2D35 - #CBC3C5 | 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 #4A2D35 come 0% e #CBC3C5 come 100%.

0.0%	0.0% #4A2D35	RGB 74 45 53	#4A2D35
16.7%	16.7% #5F3F48	RGB 95 63 72	#5F3F48
33.3%	33.3% #75545D	RGB 117 84 93	#75545D
50.0%	50.0% #8A6C74	RGB 138 108 116	#8A6C74
66.7%	66.7% #A0868D	RGB 160 134 141	#A0868D
83.3%	83.3% #B5A3A8	RGB 181 163 168	#B5A3A8
100.0%	100.0% #CBC3C5	RGB 203 195 197	#CBC3C5

#4A2D35 #5F3F48 #75545D #8A6C74 #A0868D #B5A3A8 #CBC3C5

#4A2D35 - #8A6C74 - #CBC3C5

Codici CSS

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

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