#BF5E7F - #ECD1DA | 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 #BF5E7F a #ECD1DA

#BF5E7F #ECD1DA

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

#BF5E7F - #ECD1DA | 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 #BF5E7F come 0% e #ECD1DA come 100%.

0.0%	0.0% #BF5E7F	RGB 191 94 127	#BF5E7F
16.7%	16.7% #C6718E	RGB 198 113 142	#C6718E
33.3%	33.3% #CE849D	RGB 206 132 157	#CE849D
50.0%	50.0% #D597AC	RGB 213 151 172	#D597AC
66.7%	66.7% #DDAABB	RGB 221 170 187	#DDAABB
83.3%	83.3% #E4BDCA	RGB 228 189 202	#E4BDCA
100.0%	100.0% #ECD1DA	RGB 236 209 218	#ECD1DA

#BF5E7F #C6718E #CE849D #D597AC #DDAABB #E4BDCA #ECD1DA

#BF5E7F - #ECD1DA

Miscela HSV

#BF5E7F - #ECD1DA | 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 #BF5E7F come 0% e #ECD1DA come 100%.

0.0%	0.0% #BF5E7F	RGB 191 94 127	#BF5E7F
16.7%	16.7% #C66E8C	RGB 198 110 140	#C66E8C
33.3%	33.3% #CE809A	RGB 206 128 154	#CE809A
50.0%	50.0% #D593A9	RGB 213 147 169	#D593A9
66.7%	66.7% #DDA6B8	RGB 221 166 184	#DDA6B8
83.3%	83.3% #E4BBC9	RGB 228 187 201	#E4BBC9
100.0%	100.0% #ECD1DA	RGB 236 209 218	#ECD1DA

#BF5E7F #C66E8C #CE809A #D593A9 #DDA6B8 #E4BBC9 #ECD1DA

#BF5E7F - #D593A9 - #ECD1DA

Codici CSS

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

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