#DA5E92 - #DFB6CE | 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 #DA5E92 a #DFB6CE

#DA5E92 #DFB6CE

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

#DA5E92 - #DFB6CE | 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 #DA5E92 come 0% e #DFB6CE come 100%.

0.0%	0.0% #DA5E92	RGB 218 94 146	#DA5E92
16.7%	16.7% #DA6C9C	RGB 218 108 156	#DA6C9C
33.3%	33.3% #DB7BA6	RGB 219 123 166	#DB7BA6
50.0%	50.0% #DC8AB0	RGB 220 138 176	#DC8AB0
66.7%	66.7% #DD98BA	RGB 221 152 186	#DD98BA
83.3%	83.3% #DEA7C4	RGB 222 167 196	#DEA7C4
100.0%	100.0% #DFB6CE	RGB 223 182 206	#DFB6CE

#DA5E92 #DA6C9C #DB7BA6 #DC8AB0 #DD98BA #DEA7C4 #DFB6CE

#DA5E92 - #DFB6CE

Miscela HSV

#DA5E92 - #DFB6CE | 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 #DA5E92 come 0% e #DFB6CE come 100%.

0.0%	0.0% #DA5E92	RGB 218 94 146	#DA5E92
16.7%	16.7% #DA6C9D	RGB 218 108 157	#DA6C9D
33.3%	33.3% #DB7AA8	RGB 219 122 168	#DB7AA8
50.0%	50.0% #DC89B3	RGB 220 137 179	#DC89B3
66.7%	66.7% #DD98BC	RGB 221 152 188	#DD98BC
83.3%	83.3% #DEA7C5	RGB 222 167 197	#DEA7C5
100.0%	100.0% #DFB6CE	RGB 223 182 206	#DFB6CE

#DA5E92 #DA6C9D #DB7AA8 #DC89B3 #DD98BC #DEA7C5 #DFB6CE

#DA5E92 - #DC89B3 - #DFB6CE

Codici CSS

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

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