#DBDBA2 - #B5AD4D | 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 #DBDBA2 à #B5AD4D

#DBDBA2 #B5AD4D

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

#DBDBA2 - #B5AD4D | 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 #DBDBA2 0% et #B5AD4D 100%.

0.0%	0.0% #DBDBA2	RVB 219 219 162	#DBDBA2
16.7%	16.7% #D4D393	RVB 212 211 147	#D4D393
33.3%	33.3% #CECB85	RVB 206 203 133	#CECB85
50.0%	50.0% #C8C477	RVB 200 196 119	#C8C477
66.7%	66.7% #C1BC69	RVB 193 188 105	#C1BC69
83.3%	83.3% #BBB45B	RVB 187 180 91	#BBB45B
100.0%	100.0% #B5AD4D	RVB 181 173 77	#B5AD4D

#DBDBA2 #D4D393 #CECB85 #C8C477 #C1BC69 #BBB45B #B5AD4D

#DBDBA2 - #B5AD4D

Mélange HSV

#DBDBA2 - #B5AD4D | 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 #DBDBA2 0% et #B5AD4D 100%.

0.0%	0.0% #DBDBA2	RVB 219 219 162	#DBDBA2
16.7%	16.7% #D4D392	RVB 212 211 146	#D4D392
33.3%	33.3% #CECC83	RVB 206 204 131	#CECC83
50.0%	50.0% #C8C474	RVB 200 196 116	#C8C474
66.7%	66.7% #C1BD66	RVB 193 189 102	#C1BD66
83.3%	83.3% #BBB559	RVB 187 181 89	#BBB559
100.0%	100.0% #B5AD4D	RVB 181 173 77	#B5AD4D

#DBDBA2 #D4D392 #CECC83 #C8C474 #C1BD66 #BBB559 #B5AD4D

#DBDBA2 - #C8C474 - #B5AD4D

Codes CSS

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

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