#DDB5E9 - #FFECDF | 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 #DDB5E9 à #FFECDF

#DDB5E9 #FFECDF

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

#DDB5E9 - #FFECDF | 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 #DDB5E9 0% et #FFECDF 100%.

0.0%	0.0% #DDB5E9	RVB 221 181 233	#DDB5E9
16.7%	16.7% #E2BEE7	RVB 226 190 231	#E2BEE7
33.3%	33.3% #E8C7E5	RVB 232 199 229	#E8C7E5
50.0%	50.0% #EED0E4	RVB 238 208 228	#EED0E4
66.7%	66.7% #F3D9E2	RVB 243 217 226	#F3D9E2
83.3%	83.3% #F9E2E0	RVB 249 226 224	#F9E2E0
100.0%	100.0% #FFECDF	RVB 255 236 223	#FFECDF

#DDB5E9 #E2BEE7 #E8C7E5 #EED0E4 #F3D9E2 #F9E2E0 #FFECDF

#DDB5E9 - #FFECDF

Mélange HSV

#DDB5E9 - #FFECDF | 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 #DDB5E9 0% et #FFECDF 100%.

0.0%	0.0% #DDB5E9	RVB 221 181 233	#DDB5E9
16.7%	16.7% #ECBBEA	RVB 236 187 234	#ECBBEA
33.3%	33.3% #F0C2E1	RVB 240 194 225	#F0C2E1
50.0%	50.0% #F4C9DA	RVB 244 201 218	#F4C9DA
66.7%	66.7% #F7D0D5	RVB 247 208 213	#F7D0D5
83.3%	83.3% #FBDCD7	RVB 251 220 215	#FBDCD7
100.0%	100.0% #FFECDF	RVB 255 236 223	#FFECDF

#DDB5E9 #ECBBEA #F0C2E1 #F4C9DA #F7D0D5 #FBDCD7 #FFECDF

#DDB5E9 - #F4C9DA - #FFECDF

Codes CSS

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

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