#FFBAEE - #CF4DA6 | 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 #FFBAEE a #CF4DA6

#FFBAEE #CF4DA6

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

#FFBAEE - #CF4DA6 | 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 #FFBAEE come 0% e #CF4DA6 come 100%.

0.0%	0.0% #FFBAEE	RGB 255 186 238	#FFBAEE
16.7%	16.7% #F7A7E2	RGB 247 167 226	#F7A7E2
33.3%	33.3% #EF95D6	RGB 239 149 214	#EF95D6
50.0%	50.0% #E783CA	RGB 231 131 202	#E783CA
66.7%	66.7% #DF71BE	RGB 223 113 190	#DF71BE
83.3%	83.3% #D75FB2	RGB 215 95 178	#D75FB2
100.0%	100.0% #CF4DA6	RGB 207 77 166	#CF4DA6

#FFBAEE #F7A7E2 #EF95D6 #E783CA #DF71BE #D75FB2 #CF4DA6

#FFBAEE - #CF4DA6

Miscela HSV

#FFBAEE - #CF4DA6 | 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 #FFBAEE come 0% e #CF4DA6 come 100%.

0.0%	0.0% #FFBAEE	RGB 255 186 238	#FFBAEE
16.7%	16.7% #F7A5E1	RGB 247 165 225	#F7A5E1
33.3%	33.3% #EF91D5	RGB 239 145 213	#EF91D5
50.0%	50.0% #E77FC9	RGB 231 127 201	#E77FC9
66.7%	66.7% #DF6DBD	RGB 223 109 189	#DF6DBD
83.3%	83.3% #D75CB1	RGB 215 92 177	#D75CB1
100.0%	100.0% #CF4DA6	RGB 207 77 166	#CF4DA6

#FFBAEE #F7A5E1 #EF91D5 #E77FC9 #DF6DBD #D75CB1 #CF4DA6

#FFBAEE - #E77FC9 - #CF4DA6

Codici CSS

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

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