#A8CEC2 - #3B9C7E | 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 #A8CEC2 à #3B9C7E

#A8CEC2 #3B9C7E

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

#A8CEC2 - #3B9C7E | 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 #A8CEC2 0% et #3B9C7E 100%.

0.0%	0.0% #A8CEC2	RVB 168 206 194	#A8CEC2
16.7%	16.7% #95C5B6	RVB 149 197 182	#95C5B6
33.3%	33.3% #83BDAB	RVB 131 189 171	#83BDAB
50.0%	50.0% #71B5A0	RVB 113 181 160	#71B5A0
66.7%	66.7% #5FAC94	RVB 95 172 148	#5FAC94
83.3%	83.3% #4DA489	RVB 77 164 137	#4DA489
100.0%	100.0% #3B9C7E	RVB 59 156 126	#3B9C7E

#A8CEC2 #95C5B6 #83BDAB #71B5A0 #5FAC94 #4DA489 #3B9C7E

#A8CEC2 - #3B9C7E

Mélange HSV

#A8CEC2 - #3B9C7E | 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 #A8CEC2 0% et #3B9C7E 100%.

0.0%	0.0% #A8CEC2	RVB 168 206 194	#A8CEC2
16.7%	16.7% #92C5B5	RVB 146 197 181	#92C5B5
33.3%	33.3% #7EBDA9	RVB 126 189 169	#7EBDA9
50.0%	50.0% #6CB59E	RVB 108 181 158	#6CB59E
66.7%	66.7% #5AAC93	RVB 90 172 147	#5AAC93
83.3%	83.3% #4AA488	RVB 74 164 136	#4AA488
100.0%	100.0% #3B9C7E	RVB 59 156 126	#3B9C7E

#A8CEC2 #92C5B5 #7EBDA9 #6CB59E #5AAC93 #4AA488 #3B9C7E

#A8CEC2 - #6CB59E - #3B9C7E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CEC2 0%, #6CB59E 50%, #3B9C7E 100%);
    background: -webkit-linear-gradient(top, #A8CEC2 0%, #6CB59E 50%, #3B9C7E 100%);
    background: linear-gradient(to bottom, #A8CEC2 0%, #6CB59E 50%, #3B9C7E 100%);
}
</style>