#DBD9CE - #B5A37E | 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 #DBD9CE à #B5A37E

#DBD9CE #B5A37E

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

#DBD9CE - #B5A37E | 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 #DBD9CE 0% et #B5A37E 100%.

0.0%	0.0% #DBD9CE	RVB 219 217 206	#DBD9CE
16.7%	16.7% #D4D0C0	RVB 212 208 192	#D4D0C0
33.3%	33.3% #CEC7B3	RVB 206 199 179	#CEC7B3
50.0%	50.0% #C8BEA6	RVB 200 190 166	#C8BEA6
66.7%	66.7% #C1B598	RVB 193 181 152	#C1B598
83.3%	83.3% #BBAC8B	RVB 187 172 139	#BBAC8B
100.0%	100.0% #B5A37E	RVB 181 163 126	#B5A37E

#DBD9CE #D4D0C0 #CEC7B3 #C8BEA6 #C1B598 #BBAC8B #B5A37E

#DBD9CE - #B5A37E

Mélange HSV

#DBD9CE - #B5A37E | 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 #DBD9CE 0% et #B5A37E 100%.

0.0%	0.0% #DBD9CE	RVB 219 217 206	#DBD9CE
16.7%	16.7% #D4D0BF	RVB 212 208 191	#D4D0BF
33.3%	33.3% #CEC8B1	RVB 206 200 177	#CEC8B1
50.0%	50.0% #C8BFA3	RVB 200 191 163	#C8BFA3
66.7%	66.7% #C1B696	RVB 193 182 150	#C1B696
83.3%	83.3% #BBAC8A	RVB 187 172 138	#BBAC8A
100.0%	100.0% #B5A37E	RVB 181 163 126	#B5A37E

#DBD9CE #D4D0BF #CEC8B1 #C8BFA3 #C1B696 #BBAC8A #B5A37E

#DBD9CE - #C8BFA3 - #B5A37E

Codes CSS

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

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