#C49D9C - #EEE3E2 | 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 #C49D9C à #EEE3E2

#C49D9C #EEE3E2

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

#C49D9C - #EEE3E2 | 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 #C49D9C 0% et #EEE3E2 100%.

0.0%	0.0% #C49D9C	RVB 196 157 156	#C49D9C
16.7%	16.7% #CBA8A7	RVB 203 168 167	#CBA8A7
33.3%	33.3% #D2B4B3	RVB 210 180 179	#D2B4B3
50.0%	50.0% #D9C0BF	RVB 217 192 191	#D9C0BF
66.7%	66.7% #E0CBCA	RVB 224 203 202	#E0CBCA
83.3%	83.3% #E7D7D6	RVB 231 215 214	#E7D7D6
100.0%	100.0% #EEE3E2	RVB 238 227 226	#EEE3E2

#C49D9C #CBA8A7 #D2B4B3 #D9C0BF #E0CBCA #E7D7D6 #EEE3E2

#C49D9C - #EEE3E2

Mélange HSV

#C49D9C - #EEE3E2 | 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 #C49D9C 0% et #EEE3E2 100%.

0.0%	0.0% #C49D9C	RVB 196 157 156	#C49D9C
16.7%	16.7% #CBA8A6	RVB 203 168 166	#CBA8A6
33.3%	33.3% #D2B3B1	RVB 210 179 177	#D2B3B1
50.0%	50.0% #D9BEBD	RVB 217 190 189	#D9BEBD
66.7%	66.7% #E0CAC9	RVB 224 202 201	#E0CAC9
83.3%	83.3% #E7D6D5	RVB 231 214 213	#E7D6D5
100.0%	100.0% #EEE3E2	RVB 238 227 226	#EEE3E2

#C49D9C #CBA8A6 #D2B3B1 #D9BEBD #E0CAC9 #E7D6D5 #EEE3E2

#C49D9C - #D9BEBD - #EEE3E2

Codes CSS

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

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