#CBA49D - #B05847 | 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 #CBA49D a #B05847

#CBA49D #B05847

Calcola il colore tra due colori, #CBA49D e #B05847. 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)

#CBA49D - #B05847 | 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 #CBA49D come 0% e #B05847 come 100%.

0.0%	0.0% #CBA49D	RGB 203 164 157	#CBA49D
16.7%	16.7% #C6978E	RGB 198 151 142	#C6978E
33.3%	33.3% #C28A80	RGB 194 138 128	#C28A80
50.0%	50.0% #BD7E72	RGB 189 126 114	#BD7E72
66.7%	66.7% #B97163	RGB 185 113 99	#B97163
83.3%	83.3% #B46455	RGB 180 100 85	#B46455
100.0%	100.0% #B05847	RGB 176 88 71	#B05847

#CBA49D #C6978E #C28A80 #BD7E72 #B97163 #B46455 #B05847

#CBA49D - #B05847

Miscela HSV

#CBA49D - #B05847 | 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 #CBA49D come 0% e #B05847 come 100%.

0.0%	0.0% #CBA49D	RGB 203 164 157	#CBA49D
16.7%	16.7% #C6968D	RGB 198 150 141	#C6968D
33.3%	33.3% #C2887E	RGB 194 136 126	#C2887E
50.0%	50.0% #BD7B6F	RGB 189 123 111	#BD7B6F
66.7%	66.7% #B96F61	RGB 185 111 97	#B96F61
83.3%	83.3% #B46353	RGB 180 99 83	#B46353
100.0%	100.0% #B05847	RGB 176 88 71	#B05847

#CBA49D #C6968D #C2887E #BD7B6F #B96F61 #B46353 #B05847

#CBA49D - #BD7B6F - #B05847

Codici CSS

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

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