#CDD4DA - #3A3C3E | 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 #CDD4DA à #3A3C3E

#CDD4DA #3A3C3E

Calculez la couleur entre deux couleurs, #CDD4DA et #3A3C3E. 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)

#CDD4DA - #3A3C3E | 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 #CDD4DA 0% et #3A3C3E 100%.

0.0%	0.0% #CDD4DA	RVB 205 212 218	#CDD4DA
16.7%	16.7% #B4BAC0	RVB 180 186 192	#B4BAC0
33.3%	33.3% #9CA1A6	RVB 156 161 166	#9CA1A6
50.0%	50.0% #83888C	RVB 131 136 140	#83888C
66.7%	66.7% #6B6E72	RVB 107 110 114	#6B6E72
83.3%	83.3% #525558	RVB 82 85 88	#525558
100.0%	100.0% #3A3C3E	RVB 58 60 62	#3A3C3E

#CDD4DA #B4BAC0 #9CA1A6 #83888C #6B6E72 #525558 #3A3C3E

#CDD4DA - #3A3C3E

Mélange HSV

#CDD4DA - #3A3C3E | 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 #CDD4DA 0% et #3A3C3E 100%.

0.0%	0.0% #CDD4DA	RVB 205 212 218	#CDD4DA
16.7%	16.7% #B4BAC0	RVB 180 186 192	#B4BAC0
33.3%	33.3% #9BA1A6	RVB 155 161 166	#9BA1A6
50.0%	50.0% #83878C	RVB 131 135 140	#83878C
66.7%	66.7% #6A6E72	RVB 106 110 114	#6A6E72
83.3%	83.3% #525558	RVB 82 85 88	#525558
100.0%	100.0% #3A3C3E	RVB 58 60 62	#3A3C3E

#CDD4DA #B4BAC0 #9BA1A6 #83878C #6A6E72 #525558 #3A3C3E

#CDD4DA - #83878C - #3A3C3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD4DA 0%, #83878C 50%, #3A3C3E 100%);
    background: -webkit-linear-gradient(top, #CDD4DA 0%, #83878C 50%, #3A3C3E 100%);
    background: linear-gradient(to bottom, #CDD4DA 0%, #83878C 50%, #3A3C3E 100%);
}
</style>