#E2B5E2 - #C75FC3 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #E2B5E2 à #C75FC3

#E2B5E2 #C75FC3

Calculez la couleur entre deux couleurs, #E2B5E2 et #C75FC3. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#E2B5E2 - #C75FC3 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #E2B5E2 0% et #C75FC3 100%.

0.0%	0.0% #E2B5E2	RVB 226 181 226	#E2B5E2
16.7%	16.7% #DDA6DC	RVB 221 166 220	#DDA6DC
33.3%	33.3% #D998D7	RVB 217 152 215	#D998D7
50.0%	50.0% #D48AD2	RVB 212 138 210	#D48AD2
66.7%	66.7% #D07BCD	RVB 208 123 205	#D07BCD
83.3%	83.3% #CB6DC8	RVB 203 109 200	#CB6DC8
100.0%	100.0% #C75FC3	RVB 199 95 195	#C75FC3

#E2B5E2 #DDA6DC #D998D7 #D48AD2 #D07BCD #CB6DC8 #C75FC3

#E2B5E2 - #C75FC3

Mélange HSV

#E2B5E2 - #C75FC3 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #E2B5E2 0% et #C75FC3 100%.

0.0%	0.0% #E2B5E2	RVB 226 181 226	#E2B5E2
16.7%	16.7% #DDA5DD	RVB 221 165 221	#DDA5DD
33.3%	33.3% #D996D8	RVB 217 150 216	#D996D8
50.0%	50.0% #D487D3	RVB 212 135 211	#D487D3
66.7%	66.7% #D079CD	RVB 208 121 205	#D079CD
83.3%	83.3% #CB6CC8	RVB 203 108 200	#CB6CC8
100.0%	100.0% #C75FC3	RVB 199 95 195	#C75FC3

#E2B5E2 #DDA5DD #D996D8 #D487D3 #D079CD #CB6CC8 #C75FC3

#E2B5E2 - #D487D3 - #C75FC3

Codes CSS

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

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