#AF3C92 - #F69BB6 | 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 #AF3C92 a #F69BB6

#AF3C92 #F69BB6

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

#AF3C92 - #F69BB6 | 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 #AF3C92 come 0% e #F69BB6 come 100%.

0.0%	0.0% #AF3C92	RGB 175 60 146	#AF3C92
16.7%	16.7% #BA4B98	RGB 186 75 152	#BA4B98
33.3%	33.3% #C65B9E	RGB 198 91 158	#C65B9E
50.0%	50.0% #D26BA4	RGB 210 107 164	#D26BA4
66.7%	66.7% #DE7BAA	RGB 222 123 170	#DE7BAA
83.3%	83.3% #EA8BB0	RGB 234 139 176	#EA8BB0
100.0%	100.0% #F69BB6	RGB 246 155 182	#F69BB6

#AF3C92 #BA4B98 #C65B9E #D26BA4 #DE7BAA #EA8BB0 #F69BB6

#AF3C92 - #F69BB6

Miscela HSV

#AF3C92 - #F69BB6 | 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 #AF3C92 come 0% e #F69BB6 come 100%.

0.0%	0.0% #AF3C91	RGB 175 60 145	#AF3C91
16.7%	16.7% #BA4995	RGB 186 73 149	#BA4995
33.3%	33.3% #C65799	RGB 198 87 153	#C65799
50.0%	50.0% #D2669E	RGB 210 102 158	#D2669E
66.7%	66.7% #DE76A5	RGB 222 118 165	#DE76A5
83.3%	83.3% #EA88AC	RGB 234 136 172	#EA88AC
100.0%	100.0% #F69BB6	RGB 246 155 182	#F69BB6

#AF3C91 #BA4995 #C65799 #D2669E #DE76A5 #EA88AC #F69BB6

#AF3C92 - #D2669E - #F69BB6

Codici CSS

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

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