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

#DBB5E9 #FFECDF

Calculez la couleur entre deux couleurs, #DBB5E9 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)

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

0.0%	0.0% #DBB5E9	RVB 219 181 233	#DBB5E9
16.7%	16.7% #E1BEE7	RVB 225 190 231	#E1BEE7
33.3%	33.3% #E7C7E5	RVB 231 199 229	#E7C7E5
50.0%	50.0% #EDD0E4	RVB 237 208 228	#EDD0E4
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

#DBB5E9 #E1BEE7 #E7C7E5 #EDD0E4 #F3D9E2 #F9E2E0 #FFECDF

#DBB5E9 - #FFECDF

Mélange HSV

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

0.0%	0.0% #DBB5E9	RVB 219 181 233	#DBB5E9
16.7%	16.7% #ECBBEC	RVB 236 187 236	#ECBBEC
33.3%	33.3% #F0C2E3	RVB 240 194 227	#F0C2E3
50.0%	50.0% #F4C9DB	RVB 244 201 219	#F4C9DB
66.7%	66.7% #F7D0D6	RVB 247 208 214	#F7D0D6
83.3%	83.3% #FBDCD7	RVB 251 220 215	#FBDCD7
100.0%	100.0% #FFECDF	RVB 255 236 223	#FFECDF

#DBB5E9 #ECBBEC #F0C2E3 #F4C9DB #F7D0D6 #FBDCD7 #FFECDF

#DBB5E9 - #F4C9DB - #FFECDF

Codes CSS

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

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