#EB6FB5 - #AF0369 | 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 #EB6FB5 a #AF0369

#EB6FB5 #AF0369

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

#EB6FB5 - #AF0369 | 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 #EB6FB5 come 0% e #AF0369 come 100%.

0.0%	0.0% #EB6FB5	RGB 235 111 181	#EB6FB5
16.7%	16.7% #E15DA8	RGB 225 93 168	#E15DA8
33.3%	33.3% #D74B9B	RGB 215 75 155	#D74B9B
50.0%	50.0% #CD398F	RGB 205 57 143	#CD398F
66.7%	66.7% #C32782	RGB 195 39 130	#C32782
83.3%	83.3% #B91575	RGB 185 21 117	#B91575
100.0%	100.0% #AF0369	RGB 175 3 105	#AF0369

#EB6FB5 #E15DA8 #D74B9B #CD398F #C32782 #B91575 #AF0369

#EB6FB5 - #AF0369

Miscela HSV

#EB6FB5 - #AF0369 | 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 #EB6FB5 come 0% e #AF0369 come 100%.

0.0%	0.0% #EB6FB4	RGB 235 111 180	#EB6FB4
16.7%	16.7% #E159A6	RGB 225 89 166	#E159A6
33.3%	33.3% #D74498	RGB 215 68 152	#D74498
50.0%	50.0% #CD328B	RGB 205 50 139	#CD328B
66.7%	66.7% #C3207F	RGB 195 32 127	#C3207F
83.3%	83.3% #B91173	RGB 185 17 115	#B91173
100.0%	100.0% #AF0369	RGB 175 3 105	#AF0369

#EB6FB4 #E159A6 #D74498 #CD328B #C3207F #B91173 #AF0369

#EB6FB5 - #CD328B - #AF0369

Codici CSS

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

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