#B2007C - #DD8CDF | 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 #B2007C a #DD8CDF

#B2007C #DD8CDF

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

#B2007C - #DD8CDF | 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 #B2007C come 0% e #DD8CDF come 100%.

0.0%	0.0% #B2007C	RGB 178 0 124	#B2007C
16.7%	16.7% #B9178C	RGB 185 23 140	#B9178C
33.3%	33.3% #C02E9D	RGB 192 46 157	#C02E9D
50.0%	50.0% #C746AD	RGB 199 70 173	#C746AD
66.7%	66.7% #CE5DBE	RGB 206 93 190	#CE5DBE
83.3%	83.3% #D574CE	RGB 213 116 206	#D574CE
100.0%	100.0% #DD8CDF	RGB 221 140 223	#DD8CDF

#B2007C #B9178C #C02E9D #C746AD #CE5DBE #D574CE #DD8CDF

#B2007C - #DD8CDF

Miscela HSV

#B2007C - #DD8CDF | 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 #B2007C come 0% e #DD8CDF come 100%.

0.0%	0.0% #B2007C	RGB 178 0 124	#B2007C
16.7%	16.7% #B91390	RGB 185 19 144	#B91390
33.3%	33.3% #C128A3	RGB 193 40 163	#C128A3
50.0%	50.0% #C83EB5	RGB 200 62 181	#C83EB5
66.7%	66.7% #D057C5	RGB 208 87 197	#D057C5
83.3%	83.3% #D770D4	RGB 215 112 212	#D770D4
100.0%	100.0% #DD8CDF	RGB 221 140 223	#DD8CDF

#B2007C #B91390 #C128A3 #C83EB5 #D057C5 #D770D4 #DD8CDF

#B2007C - #C83EB5 - #DD8CDF

Codici CSS

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

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