#C8CABF - #86946B | 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 #C8CABF a #86946B

#C8CABF #86946B

Calcola il colore tra due colori, #C8CABF e #86946B. 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)

#C8CABF - #86946B | 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 #C8CABF come 0% e #86946B come 100%.

0.0%	0.0% #C8CABF	RGB 200 202 191	#C8CABF
16.7%	16.7% #BDC1B1	RGB 189 193 177	#BDC1B1
33.3%	33.3% #B2B8A3	RGB 178 184 163	#B2B8A3
50.0%	50.0% #A7AF95	RGB 167 175 149	#A7AF95
66.7%	66.7% #9CA687	RGB 156 166 135	#9CA687
83.3%	83.3% #919D79	RGB 145 157 121	#919D79
100.0%	100.0% #86946B	RGB 134 148 107	#86946B

#C8CABF #BDC1B1 #B2B8A3 #A7AF95 #9CA687 #919D79 #86946B

#C8CABF - #86946B

Miscela HSV

#C8CABF - #86946B | 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 #C8CABF come 0% e #86946B come 100%.

0.0%	0.0% #C8CABF	RGB 200 202 191	#C8CABF
16.7%	16.7% #BDC1AF	RGB 189 193 175	#BDC1AF
33.3%	33.3% #B2B8A0	RGB 178 184 160	#B2B8A0
50.0%	50.0% #A7AF91	RGB 167 175 145	#A7AF91
66.7%	66.7% #9CA684	RGB 156 166 132	#9CA684
83.3%	83.3% #919D77	RGB 145 157 119	#919D77
100.0%	100.0% #86946B	RGB 134 148 107	#86946B

#C8CABF #BDC1AF #B2B8A0 #A7AF91 #9CA684 #919D77 #86946B

#C8CABF - #A7AF91 - #86946B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CABF 0%, #A7AF91 50%, #86946B 100%);
    background: -webkit-linear-gradient(top, #C8CABF 0%, #A7AF91 50%, #86946B 100%);
    background: linear-gradient(to bottom, #C8CABF 0%, #A7AF91 50%, #86946B 100%);
}
</style>