#C7A8C0 - #EFE6ED | 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 #C7A8C0 à #EFE6ED

#C7A8C0 #EFE6ED

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

#C7A8C0 - #EFE6ED | 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 #C7A8C0 0% et #EFE6ED 100%.

0.0%	0.0% #C7A8C0	RVB 199 168 192	#C7A8C0
16.7%	16.7% #CDB2C7	RVB 205 178 199	#CDB2C7
33.3%	33.3% #D4BCCF	RVB 212 188 207	#D4BCCF
50.0%	50.0% #DBC7D6	RVB 219 199 214	#DBC7D6
66.7%	66.7% #E1D1DE	RVB 225 209 222	#E1D1DE
83.3%	83.3% #E8DBE5	RVB 232 219 229	#E8DBE5
100.0%	100.0% #EFE6ED	RVB 239 230 237	#EFE6ED

#C7A8C0 #CDB2C7 #D4BCCF #DBC7D6 #E1D1DE #E8DBE5 #EFE6ED

#C7A8C0 - #EFE6ED

Mélange HSV

#C7A8C0 - #EFE6ED | 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 #C7A8C0 0% et #EFE6ED 100%.

0.0%	0.0% #C7A8C0	RVB 199 168 192	#C7A8C0
16.7%	16.7% #CDB1C7	RVB 205 177 199	#CDB1C7
33.3%	33.3% #D4BBCE	RVB 212 187 206	#D4BBCE
50.0%	50.0% #DBC5D6	RVB 219 197 214	#DBC5D6
66.7%	66.7% #E1D0DD	RVB 225 208 221	#E1D0DD
83.3%	83.3% #E8DBE5	RVB 232 219 229	#E8DBE5
100.0%	100.0% #EFE6ED	RVB 239 230 237	#EFE6ED

#C7A8C0 #CDB1C7 #D4BBCE #DBC5D6 #E1D0DD #E8DBE5 #EFE6ED

#C7A8C0 - #DBC5D6 - #EFE6ED

Codes CSS

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

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