#DDC5E7 - #8D69AA | 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 #DDC5E7 à #8D69AA

#DDC5E7 #8D69AA

Calculez la couleur entre deux couleurs, #DDC5E7 et #8D69AA. 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)

#DDC5E7 - #8D69AA | 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 #DDC5E7 0% et #8D69AA 100%.

0.0%	0.0% #DDC5E7	RVB 221 197 231	#DDC5E7
16.7%	16.7% #CFB5DC	RVB 207 181 220	#CFB5DC
33.3%	33.3% #C2A6D2	RVB 194 166 210	#C2A6D2
50.0%	50.0% #B597C8	RVB 181 151 200	#B597C8
66.7%	66.7% #A787BE	RVB 167 135 190	#A787BE
83.3%	83.3% #9A78B4	RVB 154 120 180	#9A78B4
100.0%	100.0% #8D69AA	RVB 141 105 170	#8D69AA

#DDC5E7 #CFB5DC #C2A6D2 #B597C8 #A787BE #9A78B4 #8D69AA

#DDC5E7 - #8D69AA

Mélange HSV

#DDC5E7 - #8D69AA | 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 #DDC5E7 0% et #8D69AA 100%.

0.0%	0.0% #DDC5E7	RVB 221 197 231	#DDC5E7
16.7%	16.7% #CFB3DC	RVB 207 179 220	#CFB3DC
33.3%	33.3% #C2A3D2	RVB 194 163 210	#C2A3D2
50.0%	50.0% #B493C8	RVB 180 147 200	#B493C8
66.7%	66.7% #A784BE	RVB 167 132 190	#A784BE
83.3%	83.3% #9A76B4	RVB 154 118 180	#9A76B4
100.0%	100.0% #8D69AA	RVB 141 105 170	#8D69AA

#DDC5E7 #CFB3DC #C2A3D2 #B493C8 #A784BE #9A76B4 #8D69AA

#DDC5E7 - #B493C8 - #8D69AA

Codes CSS

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

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