#B16D9C - #E8D5E2 | 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 #B16D9C à #E8D5E2

#B16D9C #E8D5E2

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

#B16D9C - #E8D5E2 | 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 #B16D9C 0% et #E8D5E2 100%.

0.0%	0.0% #B16D9C	RVB 177 109 156	#B16D9C
16.7%	16.7% #BA7EA7	RVB 186 126 167	#BA7EA7
33.3%	33.3% #C38FB3	RVB 195 143 179	#C38FB3
50.0%	50.0% #CCA1BF	RVB 204 161 191	#CCA1BF
66.7%	66.7% #D5B2CA	RVB 213 178 202	#D5B2CA
83.3%	83.3% #DEC3D6	RVB 222 195 214	#DEC3D6
100.0%	100.0% #E8D5E2	RVB 232 213 226	#E8D5E2

#B16D9C #BA7EA7 #C38FB3 #CCA1BF #D5B2CA #DEC3D6 #E8D5E2

#B16D9C - #E8D5E2

Mélange HSV

#B16D9C - #E8D5E2 | 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 #B16D9C 0% et #E8D5E2 100%.

0.0%	0.0% #B16D9B	RVB 177 109 155	#B16D9B
16.7%	16.7% #BA7CA6	RVB 186 124 166	#BA7CA6
33.3%	33.3% #C38BB2	RVB 195 139 178	#C38BB2
50.0%	50.0% #CC9CBD	RVB 204 156 189	#CC9CBD
66.7%	66.7% #D5AEC9	RVB 213 174 201	#D5AEC9
83.3%	83.3% #DEC1D5	RVB 222 193 213	#DEC1D5
100.0%	100.0% #E8D5E2	RVB 232 213 226	#E8D5E2

#B16D9B #BA7CA6 #C38BB2 #CC9CBD #D5AEC9 #DEC1D5 #E8D5E2

#B16D9C - #CC9CBD - #E8D5E2

Codes CSS

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

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