#C7A8AD - #CDBBDF | 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 #C7A8AD à #CDBBDF

#C7A8AD #CDBBDF

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

#C7A8AD - #CDBBDF | 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 #C7A8AD 0% et #CDBBDF 100%.

0.0%	0.0% #C7A8AD	RVB 199 168 173	#C7A8AD
16.7%	16.7% #C8ABB5	RVB 200 171 181	#C8ABB5
33.3%	33.3% #C9AEBD	RVB 201 174 189	#C9AEBD
50.0%	50.0% #CAB1C6	RVB 202 177 198	#CAB1C6
66.7%	66.7% #CBB4CE	RVB 203 180 206	#CBB4CE
83.3%	83.3% #CCB7D6	RVB 204 183 214	#CCB7D6
100.0%	100.0% #CDBBDF	RVB 205 187 223	#CDBBDF

#C7A8AD #C8ABB5 #C9AEBD #CAB1C6 #CBB4CE #CCB7D6 #CDBBDF

#C7A8AD - #CDBBDF

Mélange HSV

#C7A8AD - #CDBBDF | 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 #C7A8AD 0% et #CDBBDF 100%.

0.0%	0.0% #C7A8AD	RVB 199 168 173	#C7A8AD
16.7%	16.7% #CBABB7	RVB 203 171 183	#CBABB7
33.3%	33.3% #CFAEC2	RVB 207 174 194	#CFAEC2
50.0%	50.0% #D3B1CD	RVB 211 177 205	#D3B1CD
66.7%	66.7% #D5B4D7	RVB 213 180 215	#D5B4D7
83.3%	83.3% #D1B7DB	RVB 209 183 219	#D1B7DB
100.0%	100.0% #CDBBDF	RVB 205 187 223	#CDBBDF

#C7A8AD #CBABB7 #CFAEC2 #D3B1CD #D5B4D7 #D1B7DB #CDBBDF

#C7A8AD - #D3B1CD - #CDBBDF

Codes CSS

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

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