#ADB8C0 - #E6DCCD | 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 #ADB8C0 à #E6DCCD

#ADB8C0 #E6DCCD

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

#ADB8C0 - #E6DCCD | 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 #ADB8C0 0% et #E6DCCD 100%.

0.0%	0.0% #ADB8C0	RVB 173 184 192	#ADB8C0
16.7%	16.7% #B6BEC2	RVB 182 190 194	#B6BEC2
33.3%	33.3% #C0C4C4	RVB 192 196 196	#C0C4C4
50.0%	50.0% #C9CAC6	RVB 201 202 198	#C9CAC6
66.7%	66.7% #D3D0C8	RVB 211 208 200	#D3D0C8
83.3%	83.3% #DCD6CA	RVB 220 214 202	#DCD6CA
100.0%	100.0% #E6DCCD	RVB 230 220 205	#E6DCCD

#ADB8C0 #B6BEC2 #C0C4C4 #C9CAC6 #D3D0C8 #DCD6CA #E6DCCD

#ADB8C0 - #E6DCCD

Mélange HSV

#ADB8C0 - #E6DCCD | 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 #ADB8C0 0% et #E6DCCD 100%.

0.0%	0.0% #ADB8C0	RVB 173 184 192	#ADB8C0
16.7%	16.7% #B2C6C5	RVB 178 198 197	#B2C6C5
33.3%	33.3% #B7CCC1	RVB 183 204 193	#B7CCC1
50.0%	50.0% #BDD3BD	RVB 189 211 189	#BDD3BD
66.7%	66.7% #CCD9C2	RVB 204 217 194	#CCD9C2
83.3%	83.3% #DDDFC7	RVB 221 223 199	#DDDFC7
100.0%	100.0% #E6DCCD	RVB 230 220 205	#E6DCCD

#ADB8C0 #B2C6C5 #B7CCC1 #BDD3BD #CCD9C2 #DDDFC7 #E6DCCD

#ADB8C0 - #BDD3BD - #E6DCCD

Codes CSS

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

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