#D3AE5D - #EDA8EB | 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 #D3AE5D a #EDA8EB

#D3AE5D #EDA8EB

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

#D3AE5D - #EDA8EB | 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 #D3AE5D come 0% e #EDA8EB come 100%.

0.0%	0.0% #D3AE5D	RGB 211 174 93	#D3AE5D
16.7%	16.7% #D7AD74	RGB 215 173 116	#D7AD74
33.3%	33.3% #DBAC8C	RGB 219 172 140	#DBAC8C
50.0%	50.0% #E0ABA4	RGB 224 171 164	#E0ABA4
66.7%	66.7% #E4AABB	RGB 228 170 187	#E4AABB
83.3%	83.3% #E8A9D3	RGB 232 169 211	#E8A9D3
100.0%	100.0% #EDA8EB	RGB 237 168 235	#EDA8EB

#D3AE5D #D7AD74 #DBAC8C #E0ABA4 #E4AABB #E8A9D3 #EDA8EB

#D3AE5D - #EDA8EB

Miscela HSV

#D3AE5D - #EDA8EB | 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 #D3AE5D come 0% e #EDA8EB come 100%.

0.0%	0.0% #D3AE5D	RGB 211 174 93	#D3AE5D
16.7%	16.7% #D79568	RGB 215 149 104	#D79568
33.3%	33.3% #DB8274	RGB 219 130 116	#DB8274
50.0%	50.0% #E0808E	RGB 224 128 142	#E0808E
66.7%	66.7% #E48DB1	RGB 228 141 177	#E48DB1
83.3%	83.3% #E89AD0	RGB 232 154 208	#E89AD0
100.0%	100.0% #EDA8EB	RGB 237 168 235	#EDA8EB

#D3AE5D #D79568 #DB8274 #E0808E #E48DB1 #E89AD0 #EDA8EB

#D3AE5D - #E0808E - #EDA8EB

Codici CSS

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

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