#50181C - #CDBDBE | 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 #50181C a #CDBDBE

#50181C #CDBDBE

Calcola il colore tra due colori, #50181C e #CDBDBE. 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)

#50181C - #CDBDBE | 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 #50181C come 0% e #CDBDBE come 100%.

0.0%	0.0% #50181C	RGB 80 24 28	#50181C
16.7%	16.7% #643337	RGB 100 51 55	#643337
33.3%	33.3% #794F52	RGB 121 79 82	#794F52
50.0%	50.0% #8E6A6D	RGB 142 106 109	#8E6A6D
66.7%	66.7% #A38688	RGB 163 134 136	#A38688
83.3%	83.3% #B8A1A3	RGB 184 161 163	#B8A1A3
100.0%	100.0% #CDBDBE	RGB 205 189 190	#CDBDBE

#50181C #643337 #794F52 #8E6A6D #A38688 #B8A1A3 #CDBDBE

#50181C - #CDBDBE

Miscela HSV

#50181C - #CDBDBE | 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 #50181C come 0% e #CDBDBE come 100%.

0.0%	0.0% #50181C	RGB 80 24 28	#50181C
16.7%	16.7% #64282C	RGB 100 40 44	#64282C
33.3%	33.3% #793D41	RGB 121 61 65	#793D41
50.0%	50.0% #8E575A	RGB 142 87 90	#8E575A
66.7%	66.7% #A37477	RGB 163 116 119	#A37477
83.3%	83.3% #B89698	RGB 184 150 152	#B89698
100.0%	100.0% #CDBDBE	RGB 205 189 190	#CDBDBE

#50181C #64282C #793D41 #8E575A #A37477 #B89698 #CDBDBE

#50181C - #8E575A - #CDBDBE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50181C 0%, #8E575A 50%, #CDBDBE 100%);
    background: -webkit-linear-gradient(top, #50181C 0%, #8E575A 50%, #CDBDBE 100%);
    background: linear-gradient(to bottom, #50181C 0%, #8E575A 50%, #CDBDBE 100%);
}
</style>