#D46A8C - #921640 | 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 #D46A8C a #921640

#D46A8C #921640

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

#D46A8C - #921640 | 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 #D46A8C come 0% e #921640 come 100%.

0.0%	0.0% #D46A8C	RGB 212 106 140	#D46A8C
16.7%	16.7% #C95C7F	RGB 201 92 127	#C95C7F
33.3%	33.3% #BE4E72	RGB 190 78 114	#BE4E72
50.0%	50.0% #B34066	RGB 179 64 102	#B34066
66.7%	66.7% #A83259	RGB 168 50 89	#A83259
83.3%	83.3% #9D244C	RGB 157 36 76	#9D244C
100.0%	100.0% #921640	RGB 146 22 64	#921640

#D46A8C #C95C7F #BE4E72 #B34066 #A83259 #9D244C #921640

#D46A8C - #921640

Miscela HSV

#D46A8C - #921640 | 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 #D46A8C come 0% e #921640 come 100%.

0.0%	0.0% #D46A8C	RGB 212 106 140	#D46A8C
16.7%	16.7% #C9587D	RGB 201 88 125	#C9587D
33.3%	33.3% #BE486F	RGB 190 72 111	#BE486F
50.0%	50.0% #B33A62	RGB 179 58 98	#B33A62
66.7%	66.7% #A82C55	RGB 168 44 85	#A82C55
83.3%	83.3% #9D204A	RGB 157 32 74	#9D204A
100.0%	100.0% #921640	RGB 146 22 64	#921640

#D46A8C #C9587D #BE486F #B33A62 #A82C55 #9D204A #921640

#D46A8C - #B33A62 - #921640

Codici CSS

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

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