#C7A8A8 - #923D3D | 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 #C7A8A8 a #923D3D

#C7A8A8 #923D3D

Calcola il colore tra due colori, #C7A8A8 e #923D3D. 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)

#C7A8A8 - #923D3D | 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 #C7A8A8 come 0% e #923D3D come 100%.

0.0%	0.0% #C7A8A8	RGB 199 168 168	#C7A8A8
16.7%	16.7% #BE9696	RGB 190 150 150	#BE9696
33.3%	33.3% #B58484	RGB 181 132 132	#B58484
50.0%	50.0% #AC7272	RGB 172 114 114	#AC7272
66.7%	66.7% #A36060	RGB 163 96 96	#A36060
83.3%	83.3% #9A4E4E	RGB 154 78 78	#9A4E4E
100.0%	100.0% #923D3D	RGB 146 61 61	#923D3D

#C7A8A8 #BE9696 #B58484 #AC7272 #A36060 #9A4E4E #923D3D

#C7A8A8 - #923D3D

Miscela HSV

#C7A8A8 - #923D3D | 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 #C7A8A8 come 0% e #923D3D come 100%.

0.0%	0.0% #C7A8A8	RGB 199 168 168	#C7A8A8
16.7%	16.7% #BE9393	RGB 190 147 147	#BE9393
33.3%	33.3% #B57F7F	RGB 181 127 127	#B57F7F
50.0%	50.0% #AC6C6C	RGB 172 108 108	#AC6C6C
66.7%	66.7% #A35B5B	RGB 163 91 91	#A35B5B
83.3%	83.3% #9A4B4B	RGB 154 75 75	#9A4B4B
100.0%	100.0% #923D3D	RGB 146 61 61	#923D3D

#C7A8A8 #BE9393 #B57F7F #AC6C6C #A35B5B #9A4B4B #923D3D

#C7A8A8 - #AC6C6C - #923D3D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A8A8 0%, #AC6C6C 50%, #923D3D 100%);
    background: -webkit-linear-gradient(top, #C7A8A8 0%, #AC6C6C 50%, #923D3D 100%);
    background: linear-gradient(to bottom, #C7A8A8 0%, #AC6C6C 50%, #923D3D 100%);
}
</style>