#C4C09C - #EEECE2 | 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 #C4C09C à #EEECE2

#C4C09C #EEECE2

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

#C4C09C - #EEECE2 | 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 #C4C09C 0% et #EEECE2 100%.

0.0%	0.0% #C4C09C	RVB 196 192 156	#C4C09C
16.7%	16.7% #CBC7A7	RVB 203 199 167	#CBC7A7
33.3%	33.3% #D2CEB3	RVB 210 206 179	#D2CEB3
50.0%	50.0% #D9D6BF	RVB 217 214 191	#D9D6BF
66.7%	66.7% #E0DDCA	RVB 224 221 202	#E0DDCA
83.3%	83.3% #E7E4D6	RVB 231 228 214	#E7E4D6
100.0%	100.0% #EEECE2	RVB 238 236 226	#EEECE2

#C4C09C #CBC7A7 #D2CEB3 #D9D6BF #E0DDCA #E7E4D6 #EEECE2

#C4C09C - #EEECE2

Mélange HSV

#C4C09C - #EEECE2 | 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 #C4C09C 0% et #EEECE2 100%.

0.0%	0.0% #C4C09C	RVB 196 192 156	#C4C09C
16.7%	16.7% #CBC6A6	RVB 203 198 166	#CBC6A6
33.3%	33.3% #D2CEB1	RVB 210 206 177	#D2CEB1
50.0%	50.0% #D9D5BD	RVB 217 213 189	#D9D5BD
66.7%	66.7% #E0DCC9	RVB 224 220 201	#E0DCC9
83.3%	83.3% #E7E4D5	RVB 231 228 213	#E7E4D5
100.0%	100.0% #EEECE2	RVB 238 236 226	#EEECE2

#C4C09C #CBC6A6 #D2CEB1 #D9D5BD #E0DCC9 #E7E4D5 #EEECE2

#C4C09C - #D9D5BD - #EEECE2

Codes CSS

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

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