#D0CAB2 - #AD9E5E | 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 #D0CAB2 à #AD9E5E

#D0CAB2 #AD9E5E

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

#D0CAB2 - #AD9E5E | 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 #D0CAB2 0% et #AD9E5E 100%.

0.0%	0.0% #D0CAB2	RVB 208 202 178	#D0CAB2
16.7%	16.7% #CAC2A4	RVB 202 194 164	#CAC2A4
33.3%	33.3% #C4BB96	RVB 196 187 150	#C4BB96
50.0%	50.0% #BEB488	RVB 190 180 136	#BEB488
66.7%	66.7% #B8AC7A	RVB 184 172 122	#B8AC7A
83.3%	83.3% #B2A56C	RVB 178 165 108	#B2A56C
100.0%	100.0% #AD9E5E	RVB 173 158 94	#AD9E5E

#D0CAB2 #CAC2A4 #C4BB96 #BEB488 #B8AC7A #B2A56C #AD9E5E

#D0CAB2 - #AD9E5E

Mélange HSV

#D0CAB2 - #AD9E5E | 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 #D0CAB2 0% et #AD9E5E 100%.

0.0%	0.0% #D0CAB2	RVB 208 202 178	#D0CAB2
16.7%	16.7% #CAC2A2	RVB 202 194 162	#CAC2A2
33.3%	33.3% #C4BA93	RVB 196 186 147	#C4BA93
50.0%	50.0% #BEB385	RVB 190 179 133	#BEB385
66.7%	66.7% #B8AC77	RVB 184 172 119	#B8AC77
83.3%	83.3% #B2A46A	RVB 178 164 106	#B2A46A
100.0%	100.0% #AD9E5E	RVB 173 158 94	#AD9E5E

#D0CAB2 #CAC2A2 #C4BA93 #BEB385 #B8AC77 #B2A46A #AD9E5E

#D0CAB2 - #BEB385 - #AD9E5E

Codes CSS

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

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