#C29DA7 - #8C4858 | 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 #C29DA7 a #8C4858

#C29DA7 #8C4858

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

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

0.0%	0.0% #C29DA7	RGB 194 157 167	#C29DA7
16.7%	16.7% #B98E99	RGB 185 142 153	#B98E99
33.3%	33.3% #B0808C	RGB 176 128 140	#B0808C
50.0%	50.0% #A7727F	RGB 167 114 127	#A7727F
66.7%	66.7% #9E6472	RGB 158 100 114	#9E6472
83.3%	83.3% #955665	RGB 149 86 101	#955665
100.0%	100.0% #8C4858	RGB 140 72 88	#8C4858

#C29DA7 #B98E99 #B0808C #A7727F #9E6472 #955665 #8C4858

#C29DA7 - #8C4858

Miscela HSV

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

0.0%	0.0% #C29DA7	RGB 194 157 167	#C29DA7
16.7%	16.7% #B98C98	RGB 185 140 152	#B98C98
33.3%	33.3% #B07D8A	RGB 176 125 138	#B07D8A
50.0%	50.0% #A76E7C	RGB 167 110 124	#A76E7C
66.7%	66.7% #9E606F	RGB 158 96 111	#9E606F
83.3%	83.3% #955363	RGB 149 83 99	#955363
100.0%	100.0% #8C4858	RGB 140 72 88	#8C4858

#C29DA7 #B98C98 #B07D8A #A76E7C #9E606F #955363 #8C4858

#C29DA7 - #A76E7C - #8C4858

Codici CSS

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

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