#4D9A6B - #CCE2D4 | 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 #4D9A6B à #CCE2D4

#4D9A6B #CCE2D4

Calculez la couleur entre deux couleurs, #4D9A6B et #CCE2D4. 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)

#4D9A6B - #CCE2D4 | 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 #4D9A6B 0% et #CCE2D4 100%.

0.0%	0.0% #4D9A6B	RVB 77 154 107	#4D9A6B
16.7%	16.7% #62A67C	RVB 98 166 124	#62A67C
33.3%	33.3% #77B28E	RVB 119 178 142	#77B28E
50.0%	50.0% #8CBE9F	RVB 140 190 159	#8CBE9F
66.7%	66.7% #A1CAB1	RVB 161 202 177	#A1CAB1
83.3%	83.3% #B6D6C2	RVB 182 214 194	#B6D6C2
100.0%	100.0% #CCE2D4	RVB 204 226 212	#CCE2D4

#4D9A6B #62A67C #77B28E #8CBE9F #A1CAB1 #B6D6C2 #CCE2D4

#4D9A6B - #CCE2D4

Mélange HSV

#4D9A6B - #CCE2D4 | 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 #4D9A6B 0% et #CCE2D4 100%.

0.0%	0.0% #4D9A6B	RVB 77 154 107	#4D9A6B
16.7%	16.7% #5EA679	RVB 94 166 121	#5EA679
33.3%	33.3% #70B289	RVB 112 178 137	#70B289
50.0%	50.0% #85BE9A	RVB 133 190 154	#85BE9A
66.7%	66.7% #9BCAAC	RVB 155 202 172	#9BCAAC
83.3%	83.3% #B2D6BF	RVB 178 214 191	#B2D6BF
100.0%	100.0% #CCE2D4	RVB 204 226 212	#CCE2D4

#4D9A6B #5EA679 #70B289 #85BE9A #9BCAAC #B2D6BF #CCE2D4

#4D9A6B - #85BE9A - #CCE2D4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9A6B 0%, #85BE9A 50%, #CCE2D4 100%);
    background: -webkit-linear-gradient(top, #4D9A6B 0%, #85BE9A 50%, #CCE2D4 100%);
    background: linear-gradient(to bottom, #4D9A6B 0%, #85BE9A 50%, #CCE2D4 100%);
}
</style>