#DF5E84 - #AF1B46 | 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 #DF5E84 a #AF1B46

#DF5E84 #AF1B46

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

#DF5E84 - #AF1B46 | 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 #DF5E84 come 0% e #AF1B46 come 100%.

0.0%	0.0% #DF5E84	RGB 223 94 132	#DF5E84
16.7%	16.7% #D75279	RGB 215 82 121	#D75279
33.3%	33.3% #CF476F	RGB 207 71 111	#CF476F
50.0%	50.0% #C73C65	RGB 199 60 101	#C73C65
66.7%	66.7% #BF315A	RGB 191 49 90	#BF315A
83.3%	83.3% #B72650	RGB 183 38 80	#B72650
100.0%	100.0% #AF1B46	RGB 175 27 70	#AF1B46

#DF5E84 #D75279 #CF476F #C73C65 #BF315A #B72650 #AF1B46

#DF5E84 - #AF1B46

Miscela HSV

#DF5E84 - #AF1B46 | 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 #DF5E84 come 0% e #AF1B46 come 100%.

0.0%	0.0% #DF5E84	RGB 223 94 132	#DF5E84
16.7%	16.7% #D75178	RGB 215 81 120	#D75178
33.3%	33.3% #CF446D	RGB 207 68 109	#CF446D
50.0%	50.0% #C73962	RGB 199 57 98	#C73962
66.7%	66.7% #BF2E58	RGB 191 46 88	#BF2E58
83.3%	83.3% #B7244F	RGB 183 36 79	#B7244F
100.0%	100.0% #AF1B46	RGB 175 27 70	#AF1B46

#DF5E84 #D75178 #CF446D #C73962 #BF2E58 #B7244F #AF1B46

#DF5E84 - #C73962 - #AF1B46

Codici CSS

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

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