#DBB5E6 - #B14BBA | 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 #DBB5E6 à #B14BBA

#DBB5E6 #B14BBA

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

#DBB5E6 - #B14BBA | 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 #DBB5E6 0% et #B14BBA 100%.

0.0%	0.0% #DBB5E6	RVB 219 181 230	#DBB5E6
16.7%	16.7% #D4A3DE	RVB 212 163 222	#D4A3DE
33.3%	33.3% #CD91D7	RVB 205 145 215	#CD91D7
50.0%	50.0% #C680D0	RVB 198 128 208	#C680D0
66.7%	66.7% #BF6EC8	RVB 191 110 200	#BF6EC8
83.3%	83.3% #B85CC1	RVB 184 92 193	#B85CC1
100.0%	100.0% #B14BBA	RVB 177 75 186	#B14BBA

#DBB5E6 #D4A3DE #CD91D7 #C680D0 #BF6EC8 #B85CC1 #B14BBA

#DBB5E6 - #B14BBA

Mélange HSV

#DBB5E6 - #B14BBA | 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 #DBB5E6 0% et #B14BBA 100%.

0.0%	0.0% #DBB5E6	RVB 219 181 230	#DBB5E6
16.7%	16.7% #D2A0DE	RVB 210 160 222	#D2A0DE
33.3%	33.3% #CA8DD7	RVB 202 141 215	#CA8DD7
50.0%	50.0% #C37BD0	RVB 195 123 208	#C37BD0
66.7%	66.7% #BC6AC8	RVB 188 106 200	#BC6AC8
83.3%	83.3% #B65AC1	RVB 182 90 193	#B65AC1
100.0%	100.0% #B14BBA	RVB 177 75 186	#B14BBA

#DBB5E6 #D2A0DE #CA8DD7 #C37BD0 #BC6AC8 #B65AC1 #B14BBA

#DBB5E6 - #C37BD0 - #B14BBA

Codes CSS

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

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