#EB4B8C - #FFB6A8 | 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 #EB4B8C a #FFB6A8

#EB4B8C #FFB6A8

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

#EB4B8C - #FFB6A8 | 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 #EB4B8C come 0% e #FFB6A8 come 100%.

0.0%	0.0% #EB4B8C	RGB 235 75 140	#EB4B8C
16.7%	16.7% #EE5C90	RGB 238 92 144	#EE5C90
33.3%	33.3% #F16E95	RGB 241 110 149	#F16E95
50.0%	50.0% #F5809A	RGB 245 128 154	#F5809A
66.7%	66.7% #F8929E	RGB 248 146 158	#F8929E
83.3%	83.3% #FBA4A3	RGB 251 164 163	#FBA4A3
100.0%	100.0% #FFB6A8	RGB 255 182 168	#FFB6A8

#EB4B8C #EE5C90 #F16E95 #F5809A #F8929E #FBA4A3 #FFB6A8

#EB4B8C - #FFB6A8

Miscela HSV

#EB4B8C - #FFB6A8 | 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 #EB4B8C come 0% e #FFB6A8 come 100%.

0.0%	0.0% #EB4A8B	RGB 235 74 139	#EB4A8B
16.7%	16.7% #EE5987	RGB 238 89 135	#EE5987
33.3%	33.3% #F16886	RGB 241 104 134	#F16886
50.0%	50.0% #F57787	RGB 245 119 135	#F57787
66.7%	66.7% #F8878A	RGB 248 135 138	#F8878A
83.3%	83.3% #FB9E97	RGB 251 158 151	#FB9E97
100.0%	100.0% #FFB6A8	RGB 255 182 168	#FFB6A8

#EB4A8B #EE5987 #F16886 #F57787 #F8878A #FB9E97 #FFB6A8

#EB4B8C - #F57787 - #FFB6A8

Codici CSS

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

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