#E5A8DF - #BE369B | 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 #E5A8DF a #BE369B

#E5A8DF #BE369B

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

#E5A8DF - #BE369B | 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 #E5A8DF come 0% e #BE369B come 100%.

0.0%	0.0% #E5A8DF	RGB 229 168 223	#E5A8DF
16.7%	16.7% #DE95D3	RGB 222 149 211	#DE95D3
33.3%	33.3% #D882C8	RGB 216 130 200	#D882C8
50.0%	50.0% #D16FBD	RGB 209 111 189	#D16FBD
66.7%	66.7% #CB5CB1	RGB 203 92 177	#CB5CB1
83.3%	83.3% #C449A6	RGB 196 73 166	#C449A6
100.0%	100.0% #BE369B	RGB 190 54 155	#BE369B

#E5A8DF #DE95D3 #D882C8 #D16FBD #CB5CB1 #C449A6 #BE369B

#E5A8DF - #BE369B

Miscela HSV

#E5A8DF - #BE369B | 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 #E5A8DF come 0% e #BE369B come 100%.

0.0%	0.0% #E5A8DF	RGB 229 168 223	#E5A8DF
16.7%	16.7% #DE92D5	RGB 222 146 213	#DE92D5
33.3%	33.3% #D87ECA	RGB 216 126 202	#D87ECA
50.0%	50.0% #D16ABF	RGB 209 106 191	#D16ABF
66.7%	66.7% #CB58B3	RGB 203 88 179	#CB58B3
83.3%	83.3% #C446A7	RGB 196 70 167	#C446A7
100.0%	100.0% #BE369B	RGB 190 54 155	#BE369B

#E5A8DF #DE92D5 #D87ECA #D16ABF #CB58B3 #C446A7 #BE369B

#E5A8DF - #D16ABF - #BE369B

Codici CSS

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

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