#F040B5 - #8F0A6B | 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 #F040B5 a #8F0A6B

#F040B5 #8F0A6B

Calcola il colore tra due colori, #F040B5 e #8F0A6B. 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)

#F040B5 - #8F0A6B | 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 #F040B5 come 0% e #8F0A6B come 100%.

0.0%	0.0% #F040B5	RGB 240 64 181	#F040B5
16.7%	16.7% #DF37A8	RGB 223 55 168	#DF37A8
33.3%	33.3% #CF2E9C	RGB 207 46 156	#CF2E9C
50.0%	50.0% #BF2590	RGB 191 37 144	#BF2590
66.7%	66.7% #AF1C83	RGB 175 28 131	#AF1C83
83.3%	83.3% #9F1377	RGB 159 19 119	#9F1377
100.0%	100.0% #8F0A6B	RGB 143 10 107	#8F0A6B

#F040B5 #DF37A8 #CF2E9C #BF2590 #AF1C83 #9F1377 #8F0A6B

#F040B5 - #8F0A6B

Miscela HSV

#F040B5 - #8F0A6B | 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 #F040B5 come 0% e #8F0A6B come 100%.

0.0%	0.0% #F040B4	RGB 240 64 180	#F040B4
16.7%	16.7% #DF34A8	RGB 223 52 168	#DF34A8
33.3%	33.3% #CF299B	RGB 207 41 155	#CF299B
50.0%	50.0% #BF208F	RGB 191 32 143	#BF208F
66.7%	66.7% #AF1783	RGB 175 23 131	#AF1783
83.3%	83.3% #9F1076	RGB 159 16 118	#9F1076
100.0%	100.0% #8F0A6B	RGB 143 10 107	#8F0A6B

#F040B4 #DF34A8 #CF299B #BF208F #AF1783 #9F1076 #8F0A6B

#F040B5 - #BF208F - #8F0A6B

Codici CSS

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

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