#B236B5 - #E7C5E9 | 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 #B236B5 a #E7C5E9

#B236B5 #E7C5E9

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

#B236B5 - #E7C5E9 | 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 #B236B5 come 0% e #E7C5E9 come 100%.

0.0%	0.0% #B236B5	RGB 178 54 181	#B236B5
16.7%	16.7% #BA4DBD	RGB 186 77 189	#BA4DBD
33.3%	33.3% #C365C6	RGB 195 101 198	#C365C6
50.0%	50.0% #CC7DCF	RGB 204 125 207	#CC7DCF
66.7%	66.7% #D595D7	RGB 213 149 215	#D595D7
83.3%	83.3% #DEADE0	RGB 222 173 224	#DEADE0
100.0%	100.0% #E7C5E9	RGB 231 197 233	#E7C5E9

#B236B5 #BA4DBD #C365C6 #CC7DCF #D595D7 #DEADE0 #E7C5E9

#B236B5 - #E7C5E9

Miscela HSV

#B236B5 - #E7C5E9 | 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 #B236B5 come 0% e #E7C5E9 come 100%.

0.0%	0.0% #B136B5	RGB 177 54 181	#B136B5
16.7%	16.7% #BA49BD	RGB 186 73 189	#BA49BD
33.3%	33.3% #C25FC6	RGB 194 95 198	#C25FC6
50.0%	50.0% #CB76CF	RGB 203 118 207	#CB76CF
66.7%	66.7% #D48FD7	RGB 212 143 215	#D48FD7
83.3%	83.3% #DDA9E0	RGB 221 169 224	#DDA9E0
100.0%	100.0% #E7C5E9	RGB 231 197 233	#E7C5E9

#B136B5 #BA49BD #C25FC6 #CB76CF #D48FD7 #DDA9E0 #E7C5E9

#B236B5 - #CB76CF - #E7C5E9

Codici CSS

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

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