#DB6DBD - #FEB8BB | 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 #DB6DBD a #FEB8BB

#DB6DBD #FEB8BB

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

#DB6DBD - #FEB8BB | 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 #DB6DBD come 0% e #FEB8BB come 100%.

0.0%	0.0% #DB6DBD	RGB 219 109 189	#DB6DBD
16.7%	16.7% #E079BC	RGB 224 121 188	#E079BC
33.3%	33.3% #E686BC	RGB 230 134 188	#E686BC
50.0%	50.0% #EC92BC	RGB 236 146 188	#EC92BC
66.7%	66.7% #F29FBB	RGB 242 159 187	#F29FBB
83.3%	83.3% #F8ABBB	RGB 248 171 187	#F8ABBB
100.0%	100.0% #FEB8BB	RGB 254 184 187	#FEB8BB

#DB6DBD #E079BC #E686BC #EC92BC #F29FBB #F8ABBB #FEB8BB

#DB6DBD - #FEB8BB

Miscela HSV

#DB6DBD - #FEB8BB | 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 #DB6DBD come 0% e #FEB8BB come 100%.

0.0%	0.0% #DB6DBD	RGB 219 109 189	#DB6DBD
16.7%	16.7% #E078B8	RGB 224 120 184	#E078B8
33.3%	33.3% #E684B5	RGB 230 132 181	#E684B5
50.0%	50.0% #EC90B3	RGB 236 144 179	#EC90B3
66.7%	66.7% #F29DB4	RGB 242 157 180	#F29DB4
83.3%	83.3% #F8AAB6	RGB 248 170 182	#F8AAB6
100.0%	100.0% #FEB8BB	RGB 254 184 187	#FEB8BB

#DB6DBD #E078B8 #E684B5 #EC90B3 #F29DB4 #F8AAB6 #FEB8BB

#DB6DBD - #EC90B3 - #FEB8BB

Codici CSS

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

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