#DC5EBF - #FACCE4 | 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 #DC5EBF a #FACCE4

#DC5EBF #FACCE4

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

#DC5EBF - #FACCE4 | 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 #DC5EBF come 0% e #FACCE4 come 100%.

0.0%	0.0% #DC5EBF	RGB 220 94 191	#DC5EBF
16.7%	16.7% #E170C5	RGB 225 112 197	#E170C5
33.3%	33.3% #E682CB	RGB 230 130 203	#E682CB
50.0%	50.0% #EB95D1	RGB 235 149 209	#EB95D1
66.7%	66.7% #F0A7D7	RGB 240 167 215	#F0A7D7
83.3%	83.3% #F5B9DD	RGB 245 185 221	#F5B9DD
100.0%	100.0% #FACCE4	RGB 250 204 228	#FACCE4

#DC5EBF #E170C5 #E682CB #EB95D1 #F0A7D7 #F5B9DD #FACCE4

#DC5EBF - #FACCE4

Miscela HSV

#DC5EBF - #FACCE4 | 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 #DC5EBF come 0% e #FACCE4 come 100%.

0.0%	0.0% #DC5DBF	RGB 220 93 191	#DC5DBF
16.7%	16.7% #E16EC1	RGB 225 110 193	#E16EC1
33.3%	33.3% #E680C6	RGB 230 128 198	#E680C6
50.0%	50.0% #EB92CB	RGB 235 146 203	#EB92CB
66.7%	66.7% #F0A4D2	RGB 240 164 210	#F0A4D2
83.3%	83.3% #F5B8DA	RGB 245 184 218	#F5B8DA
100.0%	100.0% #FACCE4	RGB 250 204 228	#FACCE4

#DC5DBF #E16EC1 #E680C6 #EB92CB #F0A4D2 #F5B8DA #FACCE4

#DC5EBF - #EB92CB - #FACCE4

Codici CSS

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

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