#CE9A8C - #B05038 | 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 #CE9A8C a #B05038

#CE9A8C #B05038

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

#CE9A8C - #B05038 | 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 #CE9A8C come 0% e #B05038 come 100%.

0.0%	0.0% #CE9A8C	RGB 206 154 140	#CE9A8C
16.7%	16.7% #C98D7E	RGB 201 141 126	#C98D7E
33.3%	33.3% #C48170	RGB 196 129 112	#C48170
50.0%	50.0% #BF7562	RGB 191 117 98	#BF7562
66.7%	66.7% #BA6854	RGB 186 104 84	#BA6854
83.3%	83.3% #B55C46	RGB 181 92 70	#B55C46
100.0%	100.0% #B05038	RGB 176 80 56	#B05038

#CE9A8C #C98D7E #C48170 #BF7562 #BA6854 #B55C46 #B05038

#CE9A8C - #B05038

Miscela HSV

#CE9A8C - #B05038 | 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 #CE9A8C come 0% e #B05038 come 100%.

0.0%	0.0% #CE9A8C	RGB 206 154 140	#CE9A8C
16.7%	16.7% #C98C7C	RGB 201 140 124	#C98C7C
33.3%	33.3% #C47F6D	RGB 196 127 109	#C47F6D
50.0%	50.0% #BF735F	RGB 191 115 95	#BF735F
66.7%	66.7% #BA6651	RGB 186 102 81	#BA6651
83.3%	83.3% #B55B44	RGB 181 91 68	#B55B44
100.0%	100.0% #B05038	RGB 176 80 56	#B05038

#CE9A8C #C98C7C #C47F6D #BF735F #BA6651 #B55B44 #B05038

#CE9A8C - #BF735F - #B05038

Codici CSS

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

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