#AB5E7D - #E7D1DA | 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 #AB5E7D a #E7D1DA

#AB5E7D #E7D1DA

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

#AB5E7D - #E7D1DA | 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 #AB5E7D come 0% e #E7D1DA come 100%.

0.0%	0.0% #AB5E7D	RGB 171 94 125	#AB5E7D
16.7%	16.7% #B5718C	RGB 181 113 140	#B5718C
33.3%	33.3% #BF849C	RGB 191 132 156	#BF849C
50.0%	50.0% #C997AB	RGB 201 151 171	#C997AB
66.7%	66.7% #D3AABB	RGB 211 170 187	#D3AABB
83.3%	83.3% #DDBDCA	RGB 221 189 202	#DDBDCA
100.0%	100.0% #E7D1DA	RGB 231 209 218	#E7D1DA

#AB5E7D #B5718C #BF849C #C997AB #D3AABB #DDBDCA #E7D1DA

#AB5E7D - #E7D1DA

Miscela HSV

#AB5E7D - #E7D1DA | 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 #AB5E7D come 0% e #E7D1DA come 100%.

0.0%	0.0% #AB5E7D	RGB 171 94 125	#AB5E7D
16.7%	16.7% #B56E8A	RGB 181 110 138	#B56E8A
33.3%	33.3% #BF7F99	RGB 191 127 153	#BF7F99
50.0%	50.0% #C992A8	RGB 201 146 168	#C992A8
66.7%	66.7% #D3A5B8	RGB 211 165 184	#D3A5B8
83.3%	83.3% #DDBAC8	RGB 221 186 200	#DDBAC8
100.0%	100.0% #E7D1DA	RGB 231 209 218	#E7D1DA

#AB5E7D #B56E8A #BF7F99 #C992A8 #D3A5B8 #DDBAC8 #E7D1DA

#AB5E7D - #C992A8 - #E7D1DA

Codici CSS

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

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