#C9A6B0 - #EFE5E8 | 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 #C9A6B0 à #EFE5E8

#C9A6B0 #EFE5E8

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

#C9A6B0 - #EFE5E8 | 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 #C9A6B0 0% et #EFE5E8 100%.

0.0%	0.0% #C9A6B0	RVB 201 166 176	#C9A6B0
16.7%	16.7% #CFB0B9	RVB 207 176 185	#CFB0B9
33.3%	33.3% #D5BBC2	RVB 213 187 194	#D5BBC2
50.0%	50.0% #DCC5CC	RVB 220 197 204	#DCC5CC
66.7%	66.7% #E2D0D5	RVB 226 208 213	#E2D0D5
83.3%	83.3% #E8DADE	RVB 232 218 222	#E8DADE
100.0%	100.0% #EFE5E8	RVB 239 229 232	#EFE5E8

#C9A6B0 #CFB0B9 #D5BBC2 #DCC5CC #E2D0D5 #E8DADE #EFE5E8

#C9A6B0 - #EFE5E8

Mélange HSV

#C9A6B0 - #EFE5E8 | 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 #C9A6B0 0% et #EFE5E8 100%.

0.0%	0.0% #C9A6B0	RVB 201 166 176	#C9A6B0
16.7%	16.7% #CFAFB8	RVB 207 175 184	#CFAFB8
33.3%	33.3% #D5B9C1	RVB 213 185 193	#D5B9C1
50.0%	50.0% #DCC4CB	RVB 220 196 203	#DCC4CB
66.7%	66.7% #E2CED4	RVB 226 206 212	#E2CED4
83.3%	83.3% #E8D9DE	RVB 232 217 222	#E8D9DE
100.0%	100.0% #EFE5E8	RVB 239 229 232	#EFE5E8

#C9A6B0 #CFAFB8 #D5B9C1 #DCC4CB #E2CED4 #E8D9DE #EFE5E8

#C9A6B0 - #DCC4CB - #EFE5E8

Codes CSS

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

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