#EB6DB6 - #AF006A | 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 #EB6DB6 a #AF006A

#EB6DB6 #AF006A

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

#EB6DB6 - #AF006A | 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 #EB6DB6 come 0% e #AF006A come 100%.

0.0%	0.0% #EB6DB6	RGB 235 109 182	#EB6DB6
16.7%	16.7% #E15AA9	RGB 225 90 169	#E15AA9
33.3%	33.3% #D7489C	RGB 215 72 156	#D7489C
50.0%	50.0% #CD3690	RGB 205 54 144	#CD3690
66.7%	66.7% #C32483	RGB 195 36 131	#C32483
83.3%	83.3% #B91276	RGB 185 18 118	#B91276
100.0%	100.0% #AF006A	RGB 175 0 106	#AF006A

#EB6DB6 #E15AA9 #D7489C #CD3690 #C32483 #B91276 #AF006A

#EB6DB6 - #AF006A

Miscela HSV

#EB6DB6 - #AF006A | 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 #EB6DB6 come 0% e #AF006A come 100%.

0.0%	0.0% #EB6DB6	RGB 235 109 182	#EB6DB6
16.7%	16.7% #E156A7	RGB 225 86 167	#E156A7
33.3%	33.3% #D74299	RGB 215 66 153	#D74299
50.0%	50.0% #CD2F8C	RGB 205 47 140	#CD2F8C
66.7%	66.7% #C31E80	RGB 195 30 128	#C31E80
83.3%	83.3% #B90E74	RGB 185 14 116	#B90E74
100.0%	100.0% #AF006A	RGB 175 0 106	#AF006A

#EB6DB6 #E156A7 #D74299 #CD2F8C #C31E80 #B90E74 #AF006A

#EB6DB6 - #CD2F8C - #AF006A

Codici CSS

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

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