#EB6F8D - #AF0332 | 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 #EB6F8D a #AF0332

#EB6F8D #AF0332

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

#EB6F8D - #AF0332 | 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 #EB6F8D come 0% e #AF0332 come 100%.

0.0%	0.0% #EB6F8D	RGB 235 111 141	#EB6F8D
16.7%	16.7% #E15D7D	RGB 225 93 125	#E15D7D
33.3%	33.3% #D74B6E	RGB 215 75 110	#D74B6E
50.0%	50.0% #CD395F	RGB 205 57 95	#CD395F
66.7%	66.7% #C32750	RGB 195 39 80	#C32750
83.3%	83.3% #B91541	RGB 185 21 65	#B91541
100.0%	100.0% #AF0332	RGB 175 3 50	#AF0332

#EB6F8D #E15D7D #D74B6E #CD395F #C32750 #B91541 #AF0332

#EB6F8D - #AF0332

Miscela HSV

#EB6F8D - #AF0332 | 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 #EB6F8D come 0% e #AF0332 come 100%.

0.0%	0.0% #EB6F8D	RGB 235 111 141	#EB6F8D
16.7%	16.7% #E1597A	RGB 225 89 122	#E1597A
33.3%	33.3% #D74469	RGB 215 68 105	#D74469
50.0%	50.0% #CD325A	RGB 205 50 90	#CD325A
66.7%	66.7% #C3204B	RGB 195 32 75	#C3204B
83.3%	83.3% #B9113E	RGB 185 17 62	#B9113E
100.0%	100.0% #AF0332	RGB 175 3 50	#AF0332

#EB6F8D #E1597A #D74469 #CD325A #C3204B #B9113E #AF0332

#EB6F8D - #CD325A - #AF0332

Codici CSS

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

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