#CECFC4 - #8F9871 | 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 #CECFC4 à #8F9871

#CECFC4 #8F9871

Calculez la couleur entre deux couleurs, #CECFC4 et #8F9871. 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)

#CECFC4 - #8F9871 | 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 #CECFC4 0% et #8F9871 100%.

0.0%	0.0% #CECFC4	RVB 206 207 196	#CECFC4
16.7%	16.7% #C3C5B6	RVB 195 197 182	#C3C5B6
33.3%	33.3% #B9BCA8	RVB 185 188 168	#B9BCA8
50.0%	50.0% #AEB39A	RVB 174 179 154	#AEB39A
66.7%	66.7% #A4AA8C	RVB 164 170 140	#A4AA8C
83.3%	83.3% #99A17E	RVB 153 161 126	#99A17E
100.0%	100.0% #8F9871	RVB 143 152 113	#8F9871

#CECFC4 #C3C5B6 #B9BCA8 #AEB39A #A4AA8C #99A17E #8F9871

#CECFC4 - #8F9871

Mélange HSV

#CECFC4 - #8F9871 | 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 #CECFC4 0% et #8F9871 100%.

0.0%	0.0% #CECFC4	RVB 206 207 196	#CECFC4
16.7%	16.7% #C3C5B4	RVB 195 197 180	#C3C5B4
33.3%	33.3% #B9BCA5	RVB 185 188 165	#B9BCA5
50.0%	50.0% #AFB397	RVB 175 179 151	#AFB397
66.7%	66.7% #A4AA8A	RVB 164 170 138	#A4AA8A
83.3%	83.3% #99A17D	RVB 153 161 125	#99A17D
100.0%	100.0% #8F9871	RVB 143 152 113	#8F9871

#CECFC4 #C3C5B4 #B9BCA5 #AFB397 #A4AA8A #99A17D #8F9871

#CECFC4 - #AFB397 - #8F9871

Codes CSS

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

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