#B5A8B7 - #FFDAB0 | 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 #B5A8B7 à #FFDAB0

#B5A8B7 #FFDAB0

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

#B5A8B7 - #FFDAB0 | 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 #B5A8B7 0% et #FFDAB0 100%.

0.0%	0.0% #B5A8B7	RVB 181 168 183	#B5A8B7
16.7%	16.7% #C1B0B5	RVB 193 176 181	#C1B0B5
33.3%	33.3% #CDB8B4	RVB 205 184 180	#CDB8B4
50.0%	50.0% #DAC1B3	RVB 218 193 179	#DAC1B3
66.7%	66.7% #E6C9B2	RVB 230 201 178	#E6C9B2
83.3%	83.3% #F2D1B1	RVB 242 209 177	#F2D1B1
100.0%	100.0% #FFDAB0	RVB 255 218 176	#FFDAB0

#B5A8B7 #C1B0B5 #CDB8B4 #DAC1B3 #E6C9B2 #F2D1B1 #FFDAB0

#B5A8B7 - #FFDAB0

Mélange HSV

#B5A8B7 - #FFDAB0 | 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 #B5A8B7 0% et #FFDAB0 100%.

0.0%	0.0% #B5A8B7	RVB 181 168 183	#B5A8B7
16.7%	16.7% #C3ABBF	RVB 195 171 191	#C3ABBF
33.3%	33.3% #CFAEC1	RVB 207 174 193	#CFAEC1
50.0%	50.0% #DBB0BD	RVB 219 176 189	#DBB0BD
66.7%	66.7% #E7B0B2	RVB 231 176 178	#E7B0B2
83.3%	83.3% #F3C1B0	RVB 243 193 176	#F3C1B0
100.0%	100.0% #FFDAB0	RVB 255 218 176	#FFDAB0

#B5A8B7 #C3ABBF #CFAEC1 #DBB0BD #E7B0B2 #F3C1B0 #FFDAB0

#B5A8B7 - #DBB0BD - #FFDAB0

Codes CSS

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

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