#AD3C92 - #E7C7DF | 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 #AD3C92 à #E7C7DF

#AD3C92 #E7C7DF

Calculez la couleur entre deux couleurs, #AD3C92 et #E7C7DF. 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)

#AD3C92 - #E7C7DF | 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 #AD3C92 0% et #E7C7DF 100%.

0.0%	0.0% #AD3C92	RVB 173 60 146	#AD3C92
16.7%	16.7% #B6539E	RVB 182 83 158	#B6539E
33.3%	33.3% #C06AAB	RVB 192 106 171	#C06AAB
50.0%	50.0% #CA81B8	RVB 202 129 184	#CA81B8
66.7%	66.7% #D398C5	RVB 211 152 197	#D398C5
83.3%	83.3% #DDAFD2	RVB 221 175 210	#DDAFD2
100.0%	100.0% #E7C7DF	RVB 231 199 223	#E7C7DF

#AD3C92 #B6539E #C06AAB #CA81B8 #D398C5 #DDAFD2 #E7C7DF

#AD3C92 - #E7C7DF

Mélange HSV

#AD3C92 - #E7C7DF | 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 #AD3C92 0% et #E7C7DF 100%.

0.0%	0.0% #AD3C91	RVB 173 60 145	#AD3C91
16.7%	16.7% #B64F9D	RVB 182 79 157	#B64F9D
33.3%	33.3% #C063A9	RVB 192 99 169	#C063A9
50.0%	50.0% #CA7AB6	RVB 202 122 182	#CA7AB6
66.7%	66.7% #D392C3	RVB 211 146 195	#D392C3
83.3%	83.3% #DDABD1	RVB 221 171 209	#DDABD1
100.0%	100.0% #E7C7DF	RVB 231 199 223	#E7C7DF

#AD3C91 #B64F9D #C063A9 #CA7AB6 #D392C3 #DDABD1 #E7C7DF

#AD3C92 - #CA7AB6 - #E7C7DF

Codes CSS

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

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