#D5A8F7 - #AD4ED0 | 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 #D5A8F7 à #AD4ED0

#D5A8F7 #AD4ED0

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

#D5A8F7 - #AD4ED0 | 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 #D5A8F7 0% et #AD4ED0 100%.

0.0%	0.0% #D5A8F7	RVB 213 168 247	#D5A8F7
16.7%	16.7% #CE99F0	RVB 206 153 240	#CE99F0
33.3%	33.3% #C78AEA	RVB 199 138 234	#C78AEA
50.0%	50.0% #C17BE3	RVB 193 123 227	#C17BE3
66.7%	66.7% #BA6CDD	RVB 186 108 221	#BA6CDD
83.3%	83.3% #B35DD6	RVB 179 93 214	#B35DD6
100.0%	100.0% #AD4ED0	RVB 173 78 208	#AD4ED0

#D5A8F7 #CE99F0 #C78AEA #C17BE3 #BA6CDD #B35DD6 #AD4ED0

#D5A8F7 - #AD4ED0

Mélange HSV

#D5A8F7 - #AD4ED0 | 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 #D5A8F7 0% et #AD4ED0 100%.

0.0%	0.0% #D5A8F7	RVB 213 168 247	#D5A8F7
16.7%	16.7% #CC97F0	RVB 204 151 240	#CC97F0
33.3%	33.3% #C487EA	RVB 196 135 234	#C487EA
50.0%	50.0% #BD78E3	RVB 189 120 227	#BD78E3
66.7%	66.7% #B769DD	RVB 183 105 221	#B769DD
83.3%	83.3% #B25BD6	RVB 178 91 214	#B25BD6
100.0%	100.0% #AD4ED0	RVB 173 78 208	#AD4ED0

#D5A8F7 #CC97F0 #C487EA #BD78E3 #B769DD #B25BD6 #AD4ED0

#D5A8F7 - #BD78E3 - #AD4ED0

Codes CSS

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

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