#DBB5E8 - #B04CBD | 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 #DBB5E8 a #B04CBD

#DBB5E8 #B04CBD

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

#DBB5E8 - #B04CBD | 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 #DBB5E8 come 0% e #B04CBD come 100%.

0.0%	0.0% #DBB5E8	RGB 219 181 232	#DBB5E8
16.7%	16.7% #D3A3E0	RGB 211 163 224	#D3A3E0
33.3%	33.3% #CC92D9	RGB 204 146 217	#CC92D9
50.0%	50.0% #C580D2	RGB 197 128 210	#C580D2
66.7%	66.7% #BE6FCB	RGB 190 111 203	#BE6FCB
83.3%	83.3% #B75DC4	RGB 183 93 196	#B75DC4
100.0%	100.0% #B04CBD	RGB 176 76 189	#B04CBD

#DBB5E8 #D3A3E0 #CC92D9 #C580D2 #BE6FCB #B75DC4 #B04CBD

#DBB5E8 - #B04CBD

Miscela HSV

#DBB5E8 - #B04CBD | 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 #DBB5E8 come 0% e #B04CBD come 100%.

0.0%	0.0% #DBB5E8	RGB 219 181 232	#DBB5E8
16.7%	16.7% #D2A1E0	RGB 210 161 224	#D2A1E0
33.3%	33.3% #C98ED9	RGB 201 142 217	#C98ED9
50.0%	50.0% #C27CD2	RGB 194 124 210	#C27CD2
66.7%	66.7% #BB6BCB	RGB 187 107 203	#BB6BCB
83.3%	83.3% #B55BC4	RGB 181 91 196	#B55BC4
100.0%	100.0% #B04CBD	RGB 176 76 189	#B04CBD

#DBB5E8 #D2A1E0 #C98ED9 #C27CD2 #BB6BCB #B55BC4 #B04CBD

#DBB5E8 - #C27CD2 - #B04CBD

Codici CSS

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

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