#D4D9CF - #8CAC7F | 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 #D4D9CF à #8CAC7F

#D4D9CF #8CAC7F

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

#D4D9CF - #8CAC7F | 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 #D4D9CF 0% et #8CAC7F 100%.

0.0%	0.0% #D4D9CF	RVB 212 217 207	#D4D9CF
16.7%	16.7% #C8D1C1	RVB 200 209 193	#C8D1C1
33.3%	33.3% #BCCAB4	RVB 188 202 180	#BCCAB4
50.0%	50.0% #B0C2A7	RVB 176 194 167	#B0C2A7
66.7%	66.7% #A4BB99	RVB 164 187 153	#A4BB99
83.3%	83.3% #98B38C	RVB 152 179 140	#98B38C
100.0%	100.0% #8CAC7F	RVB 140 172 127	#8CAC7F

#D4D9CF #C8D1C1 #BCCAB4 #B0C2A7 #A4BB99 #98B38C #8CAC7F

#D4D9CF - #8CAC7F

Mélange HSV

#D4D9CF - #8CAC7F | 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 #D4D9CF 0% et #8CAC7F 100%.

0.0%	0.0% #D4D9CF	RVB 212 217 207	#D4D9CF
16.7%	16.7% #C8D1C0	RVB 200 209 192	#C8D1C0
33.3%	33.3% #BCCAB2	RVB 188 202 178	#BCCAB2
50.0%	50.0% #B0C2A4	RVB 176 194 164	#B0C2A4
66.7%	66.7% #A4BB97	RVB 164 187 151	#A4BB97
83.3%	83.3% #98B38A	RVB 152 179 138	#98B38A
100.0%	100.0% #8CAC7F	RVB 140 172 127	#8CAC7F

#D4D9CF #C8D1C0 #BCCAB2 #B0C2A4 #A4BB97 #98B38A #8CAC7F

#D4D9CF - #B0C2A4 - #8CAC7F

Codes CSS

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

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