#C46A8F - #EED4DF | 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 #C46A8F a #EED4DF

#C46A8F #EED4DF

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

#C46A8F - #EED4DF | 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 #C46A8F come 0% e #EED4DF come 100%.

0.0%	0.0% #C46A8F	RGB 196 106 143	#C46A8F
16.7%	16.7% #CB7B9C	RGB 203 123 156	#CB7B9C
33.3%	33.3% #D28DA9	RGB 210 141 169	#D28DA9
50.0%	50.0% #D99FB7	RGB 217 159 183	#D99FB7
66.7%	66.7% #E0B0C4	RGB 224 176 196	#E0B0C4
83.3%	83.3% #E7C2D1	RGB 231 194 209	#E7C2D1
100.0%	100.0% #EED4DF	RGB 238 212 223	#EED4DF

#C46A8F #CB7B9C #D28DA9 #D99FB7 #E0B0C4 #E7C2D1 #EED4DF

#C46A8F - #EED4DF

Miscela HSV

#C46A8F - #EED4DF | 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 #C46A8F come 0% e #EED4DF come 100%.

0.0%	0.0% #C46A8F	RGB 196 106 143	#C46A8F
16.7%	16.7% #CB799B	RGB 203 121 155	#CB799B
33.3%	33.3% #D28AA7	RGB 210 138 167	#D28AA7
50.0%	50.0% #D99BB5	RGB 217 155 181	#D99BB5
66.7%	66.7% #E0ADC2	RGB 224 173 194	#E0ADC2
83.3%	83.3% #E7C0D0	RGB 231 192 208	#E7C0D0
100.0%	100.0% #EED4DF	RGB 238 212 223	#EED4DF

#C46A8F #CB799B #D28AA7 #D99BB5 #E0ADC2 #E7C0D0 #EED4DF

#C46A8F - #D99BB5 - #EED4DF

Codici CSS

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

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