#A8BEA8 - #C7FFE7 | 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 #A8BEA8 à #C7FFE7

#A8BEA8 #C7FFE7

Calculez la couleur entre deux couleurs, #A8BEA8 et #C7FFE7. 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)

#A8BEA8 - #C7FFE7 | 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 #A8BEA8 0% et #C7FFE7 100%.

0.0%	0.0% #A8BEA8	RVB 168 190 168	#A8BEA8
16.7%	16.7% #ADC8B2	RVB 173 200 178	#ADC8B2
33.3%	33.3% #B2D3BD	RVB 178 211 189	#B2D3BD
50.0%	50.0% #B7DEC7	RVB 183 222 199	#B7DEC7
66.7%	66.7% #BCE9D2	RVB 188 233 210	#BCE9D2
83.3%	83.3% #C1F4DC	RVB 193 244 220	#C1F4DC
100.0%	100.0% #C7FFE7	RVB 199 255 231	#C7FFE7

#A8BEA8 #ADC8B2 #B2D3BD #B7DEC7 #BCE9D2 #C1F4DC #C7FFE7

#A8BEA8 - #C7FFE7

Mélange HSV

#A8BEA8 - #C7FFE7 | 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 #A8BEA8 0% et #C7FFE7 100%.

0.0%	0.0% #A8BEA8	RVB 168 190 168	#A8BEA8
16.7%	16.7% #AEC8B0	RVB 174 200 176	#AEC8B0
33.3%	33.3% #B3D3B9	RVB 179 211 185	#B3D3B9
50.0%	50.0% #B9DEC3	RVB 185 222 195	#B9DEC3
66.7%	66.7% #BEE9CE	RVB 190 233 206	#BEE9CE
83.3%	83.3% #C2F4DA	RVB 194 244 218	#C2F4DA
100.0%	100.0% #C7FFE7	RVB 199 255 231	#C7FFE7

#A8BEA8 #AEC8B0 #B3D3B9 #B9DEC3 #BEE9CE #C2F4DA #C7FFE7

#A8BEA8 - #B9DEC3 - #C7FFE7

Codes CSS

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

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