#DBAECE - #B0598C | 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 #DBAECE a #B0598C

#DBAECE #B0598C

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

#DBAECE - #B0598C | 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 #DBAECE come 0% e #B0598C come 100%.

0.0%	0.0% #DBAECE	RGB 219 174 206	#DBAECE
16.7%	16.7% #D39FC3	RGB 211 159 195	#D39FC3
33.3%	33.3% #CC91B8	RGB 204 145 184	#CC91B8
50.0%	50.0% #C583AD	RGB 197 131 173	#C583AD
66.7%	66.7% #BE75A2	RGB 190 117 162	#BE75A2
83.3%	83.3% #B76797	RGB 183 103 151	#B76797
100.0%	100.0% #B0598C	RGB 176 89 140	#B0598C

#DBAECE #D39FC3 #CC91B8 #C583AD #BE75A2 #B76797 #B0598C

#DBAECE - #B0598C

Miscela HSV

#DBAECE - #B0598C | 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 #DBAECE come 0% e #B0598C come 100%.

0.0%	0.0% #DBAECE	RGB 219 174 206	#DBAECE
16.7%	16.7% #D39EC3	RGB 211 158 195	#D39EC3
33.3%	33.3% #CC8EB8	RGB 204 142 184	#CC8EB8
50.0%	50.0% #C580AD	RGB 197 128 173	#C580AD
66.7%	66.7% #BE72A2	RGB 190 114 162	#BE72A2
83.3%	83.3% #B76597	RGB 183 101 151	#B76597
100.0%	100.0% #B0598C	RGB 176 89 140	#B0598C

#DBAECE #D39EC3 #CC8EB8 #C580AD #BE72A2 #B76597 #B0598C

#DBAECE - #C580AD - #B0598C

Codici CSS

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

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