#CEC2AD - #FFD9C0 | 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 #CEC2AD à #FFD9C0

#CEC2AD #FFD9C0

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

#CEC2AD - #FFD9C0 | 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 #CEC2AD 0% et #FFD9C0 100%.

0.0%	0.0% #CEC2AD	RVB 206 194 173	#CEC2AD
16.7%	16.7% #D6C5B0	RVB 214 197 176	#D6C5B0
33.3%	33.3% #DEC9B3	RVB 222 201 179	#DEC9B3
50.0%	50.0% #E6CDB6	RVB 230 205 182	#E6CDB6
66.7%	66.7% #EED1B9	RVB 238 209 185	#EED1B9
83.3%	83.3% #F6D5BC	RVB 246 213 188	#F6D5BC
100.0%	100.0% #FFD9C0	RVB 255 217 192	#FFD9C0

#CEC2AD #D6C5B0 #DEC9B3 #E6CDB6 #EED1B9 #F6D5BC #FFD9C0

#CEC2AD - #FFD9C0

Mélange HSV

#CEC2AD - #FFD9C0 | 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 #CEC2AD 0% et #FFD9C0 100%.

0.0%	0.0% #CEC2AD	RVB 206 194 173	#CEC2AD
16.7%	16.7% #D6C7B0	RVB 214 199 176	#D6C7B0
33.3%	33.3% #DECBB4	RVB 222 203 180	#DECBB4
50.0%	50.0% #E6CFB7	RVB 230 207 183	#E6CFB7
66.7%	66.7% #EED3BA	RVB 238 211 186	#EED3BA
83.3%	83.3% #F6D6BD	RVB 246 214 189	#F6D6BD
100.0%	100.0% #FFD9C0	RVB 255 217 192	#FFD9C0

#CEC2AD #D6C7B0 #DECBB4 #E6CFB7 #EED3BA #F6D6BD #FFD9C0

#CEC2AD - #E6CFB7 - #FFD9C0

Codes CSS

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

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