#CDA79B - #B05D46 | 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 #CDA79B a #B05D46

#CDA79B #B05D46

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

#CDA79B - #B05D46 | 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 #CDA79B come 0% e #B05D46 come 100%.

0.0%	0.0% #CDA79B	RGB 205 167 155	#CDA79B
16.7%	16.7% #C89A8C	RGB 200 154 140	#C89A8C
33.3%	33.3% #C38E7E	RGB 195 142 126	#C38E7E
50.0%	50.0% #BE8270	RGB 190 130 112	#BE8270
66.7%	66.7% #B97562	RGB 185 117 98	#B97562
83.3%	83.3% #B46954	RGB 180 105 84	#B46954
100.0%	100.0% #B05D46	RGB 176 93 70	#B05D46

#CDA79B #C89A8C #C38E7E #BE8270 #B97562 #B46954 #B05D46

#CDA79B - #B05D46

Miscela HSV

#CDA79B - #B05D46 | 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 #CDA79B come 0% e #B05D46 come 100%.

0.0%	0.0% #CDA79B	RGB 205 167 155	#CDA79B
16.7%	16.7% #C8998B	RGB 200 153 139	#C8998B
33.3%	33.3% #C38C7C	RGB 195 140 124	#C38C7C
50.0%	50.0% #BE806D	RGB 190 128 109	#BE806D
66.7%	66.7% #B97460	RGB 185 116 96	#B97460
83.3%	83.3% #B46852	RGB 180 104 82	#B46852
100.0%	100.0% #B05D46	RGB 176 93 70	#B05D46

#CDA79B #C8998B #C38C7C #BE806D #B97460 #B46852 #B05D46

#CDA79B - #BE806D - #B05D46

Codici CSS

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

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