#B99EB6 - #FFE2D0 | 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 #B99EB6 à #FFE2D0

#B99EB6 #FFE2D0

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

#B99EB6 - #FFE2D0 | 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 #B99EB6 0% et #FFE2D0 100%.

0.0%	0.0% #B99EB6	RVB 185 158 182	#B99EB6
16.7%	16.7% #C4A9BA	RVB 196 169 186	#C4A9BA
33.3%	33.3% #D0B4BE	RVB 208 180 190	#D0B4BE
50.0%	50.0% #DCC0C3	RVB 220 192 195	#DCC0C3
66.7%	66.7% #E7CBC7	RVB 231 203 199	#E7CBC7
83.3%	83.3% #F3D6CB	RVB 243 214 203	#F3D6CB
100.0%	100.0% #FFE2D0	RVB 255 226 208	#FFE2D0

#B99EB6 #C4A9BA #D0B4BE #DCC0C3 #E7CBC7 #F3D6CB #FFE2D0

#B99EB6 - #FFE2D0

Mélange HSV

#B99EB6 - #FFE2D0 | 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 #B99EB6 0% et #FFE2D0 100%.

0.0%	0.0% #B99EB6	RVB 185 158 182	#B99EB6
16.7%	16.7% #C4A6BA	RVB 196 166 186	#C4A6BA
33.3%	33.3% #D0AFBE	RVB 208 175 190	#D0AFBE
50.0%	50.0% #DCB7C0	RVB 220 183 192	#DCB7C0
66.7%	66.7% #E7BFC1	RVB 231 191 193	#E7BFC1
83.3%	83.3% #F3CFC8	RVB 243 207 200	#F3CFC8
100.0%	100.0% #FFE2D0	RVB 255 226 208	#FFE2D0

#B99EB6 #C4A6BA #D0AFBE #DCB7C0 #E7BFC1 #F3CFC8 #FFE2D0

#B99EB6 - #DCB7C0 - #FFE2D0

Codes CSS

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

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