#FF8BA2 - #EC3E4B | 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 #FF8BA2 a #EC3E4B

#FF8BA2 #EC3E4B

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

#FF8BA2 - #EC3E4B | 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 #FF8BA2 come 0% e #EC3E4B come 100%.

0.0%	0.0% #FF8BA2	RGB 255 139 162	#FF8BA2
16.7%	16.7% #FB7E93	RGB 251 126 147	#FB7E93
33.3%	33.3% #F87185	RGB 248 113 133	#F87185
50.0%	50.0% #F56476	RGB 245 100 118	#F56476
66.7%	66.7% #F25768	RGB 242 87 104	#F25768
83.3%	83.3% #EF4A59	RGB 239 74 89	#EF4A59
100.0%	100.0% #EC3E4B	RGB 236 62 75	#EC3E4B

#FF8BA2 #FB7E93 #F87185 #F56476 #F25768 #EF4A59 #EC3E4B

#FF8BA2 - #EC3E4B

Miscela HSV

#FF8BA2 - #EC3E4B | 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 #FF8BA2 come 0% e #EC3E4B come 100%.

0.0%	0.0% #FF8BA1	RGB 255 139 161	#FF8BA1
16.7%	16.7% #FB7D93	RGB 251 125 147	#FB7D93
33.3%	33.3% #F87085	RGB 248 112 133	#F87085
50.0%	50.0% #F56377	RGB 245 99 119	#F56377
66.7%	66.7% #F25668	RGB 242 86 104	#F25668
83.3%	83.3% #EF4A59	RGB 239 74 89	#EF4A59
100.0%	100.0% #EC3E4B	RGB 236 62 75	#EC3E4B

#FF8BA1 #FB7D93 #F87085 #F56377 #F25668 #EF4A59 #EC3E4B

#FF8BA2 - #F56377 - #EC3E4B

Codici CSS

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

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