#CEB2B8 - #9A5E6B | 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 #CEB2B8 a #9A5E6B

#CEB2B8 #9A5E6B

Calcola il colore tra due colori, #CEB2B8 e #9A5E6B. 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)

#CEB2B8 - #9A5E6B | 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 #CEB2B8 come 0% e #9A5E6B come 100%.

0.0%	0.0% #CEB2B8	RGB 206 178 184	#CEB2B8
16.7%	16.7% #C5A4AB	RGB 197 164 171	#C5A4AB
33.3%	33.3% #BC969E	RGB 188 150 158	#BC969E
50.0%	50.0% #B48891	RGB 180 136 145	#B48891
66.7%	66.7% #AB7A84	RGB 171 122 132	#AB7A84
83.3%	83.3% #A26C77	RGB 162 108 119	#A26C77
100.0%	100.0% #9A5E6B	RGB 154 94 107	#9A5E6B

#CEB2B8 #C5A4AB #BC969E #B48891 #AB7A84 #A26C77 #9A5E6B

#CEB2B8 - #9A5E6B

Miscela HSV

#CEB2B8 - #9A5E6B | 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 #CEB2B8 come 0% e #9A5E6B come 100%.

0.0%	0.0% #CEB2B8	RGB 206 178 184	#CEB2B8
16.7%	16.7% #C5A2A9	RGB 197 162 169	#C5A2A9
33.3%	33.3% #BC939C	RGB 188 147 156	#BC939C
50.0%	50.0% #B4848E	RGB 180 132 142	#B4848E
66.7%	66.7% #AB7782	RGB 171 119 130	#AB7782
83.3%	83.3% #A26A76	RGB 162 106 118	#A26A76
100.0%	100.0% #9A5E6B	RGB 154 94 107	#9A5E6B

#CEB2B8 #C5A2A9 #BC939C #B4848E #AB7782 #A26A76 #9A5E6B

#CEB2B8 - #B4848E - #9A5E6B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEB2B8 0%, #B4848E 50%, #9A5E6B 100%);
    background: -webkit-linear-gradient(top, #CEB2B8 0%, #B4848E 50%, #9A5E6B 100%);
    background: linear-gradient(to bottom, #CEB2B8 0%, #B4848E 50%, #9A5E6B 100%);
}
</style>