#EDA8B8 - #FBEDD1 | 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 #EDA8B8 a #FBEDD1

#EDA8B8 #FBEDD1

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

#EDA8B8 - #FBEDD1 | 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 #EDA8B8 come 0% e #FBEDD1 come 100%.

0.0%	0.0% #EDA8B8	RGB 237 168 184	#EDA8B8
16.7%	16.7% #EFB3BC	RGB 239 179 188	#EFB3BC
33.3%	33.3% #F1BFC0	RGB 241 191 192	#F1BFC0
50.0%	50.0% #F4CAC4	RGB 244 202 196	#F4CAC4
66.7%	66.7% #F6D6C8	RGB 246 214 200	#F6D6C8
83.3%	83.3% #F8E1CC	RGB 248 225 204	#F8E1CC
100.0%	100.0% #FBEDD1	RGB 251 237 209	#FBEDD1

#EDA8B8 #EFB3BC #F1BFC0 #F4CAC4 #F6D6C8 #F8E1CC #FBEDD1

#EDA8B8 - #FBEDD1

Miscela HSV

#EDA8B8 - #FBEDD1 | 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 #EDA8B8 come 0% e #FBEDD1 come 100%.

0.0%	0.0% #EDA8B8	RGB 237 168 184	#EDA8B8
16.7%	16.7% #EFAEB3	RGB 239 174 179	#EFAEB3
33.3%	33.3% #F1B9B5	RGB 241 185 181	#F1B9B5
50.0%	50.0% #F4C8BC	RGB 244 200 188	#F4C8BC
66.7%	66.7% #F6D5C2	RGB 246 213 194	#F6D5C2
83.3%	83.3% #F8E2C9	RGB 248 226 201	#F8E2C9
100.0%	100.0% #FBEDD1	RGB 251 237 209	#FBEDD1

#EDA8B8 #EFAEB3 #F1B9B5 #F4C8BC #F6D5C2 #F8E2C9 #FBEDD1

#EDA8B8 - #F4C8BC - #FBEDD1

Codici CSS

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

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