#D9A2AB - #A34B5D | 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 #D9A2AB a #A34B5D

#D9A2AB #A34B5D

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

#D9A2AB - #A34B5D | 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 #D9A2AB come 0% e #A34B5D come 100%.

0.0%	0.0% #D9A2AB	RGB 217 162 171	#D9A2AB
16.7%	16.7% #D0939E	RGB 208 147 158	#D0939E
33.3%	33.3% #C78591	RGB 199 133 145	#C78591
50.0%	50.0% #BE7684	RGB 190 118 132	#BE7684
66.7%	66.7% #B56877	RGB 181 104 119	#B56877
83.3%	83.3% #AC596A	RGB 172 89 106	#AC596A
100.0%	100.0% #A34B5D	RGB 163 75 93	#A34B5D

#D9A2AB #D0939E #C78591 #BE7684 #B56877 #AC596A #A34B5D

#D9A2AB - #A34B5D

Miscela HSV

#D9A2AB - #A34B5D | 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 #D9A2AB come 0% e #A34B5D come 100%.

0.0%	0.0% #D9A2AA	RGB 217 162 170	#D9A2AA
16.7%	16.7% #D0919C	RGB 208 145 156	#D0919C
33.3%	33.3% #C7818D	RGB 199 129 141	#C7818D
50.0%	50.0% #BE7280	RGB 190 114 128	#BE7280
66.7%	66.7% #B56473	RGB 181 100 115	#B56473
83.3%	83.3% #AC5768	RGB 172 87 104	#AC5768
100.0%	100.0% #A34B5D	RGB 163 75 93	#A34B5D

#D9A2AA #D0919C #C7818D #BE7280 #B56473 #AC5768 #A34B5D

#D9A2AB - #BE7280 - #A34B5D

Codici CSS

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

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