#A2BDA2 - #E4ECE4 | 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 #A2BDA2 à #E4ECE4

#A2BDA2 #E4ECE4

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

#A2BDA2 - #E4ECE4 | 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 #A2BDA2 0% et #E4ECE4 100%.

0.0%	0.0% #A2BDA2	RVB 162 189 162	#A2BDA2
16.7%	16.7% #ADC4AD	RVB 173 196 173	#ADC4AD
33.3%	33.3% #B8CCB8	RVB 184 204 184	#B8CCB8
50.0%	50.0% #C3D4C3	RVB 195 212 195	#C3D4C3
66.7%	66.7% #CEDCCE	RVB 206 220 206	#CEDCCE
83.3%	83.3% #D9E4D9	RVB 217 228 217	#D9E4D9
100.0%	100.0% #E4ECE4	RVB 228 236 228	#E4ECE4

#A2BDA2 #ADC4AD #B8CCB8 #C3D4C3 #CEDCCE #D9E4D9 #E4ECE4

#A2BDA2 - #E4ECE4

Mélange HSV

#A2BDA2 - #E4ECE4 | 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 #A2BDA2 0% et #E4ECE4 100%.

0.0%	0.0% #A2BDA2	RVB 162 189 162	#A2BDA2
16.7%	16.7% #ACC4AC	RVB 172 196 172	#ACC4AC
33.3%	33.3% #B6CCB6	RVB 182 204 182	#B6CCB6
50.0%	50.0% #C1D4C1	RVB 193 212 193	#C1D4C1
66.7%	66.7% #CCDCCC	RVB 204 220 204	#CCDCCC
83.3%	83.3% #D8E4D8	RVB 216 228 216	#D8E4D8
100.0%	100.0% #E4ECE4	RVB 228 236 228	#E4ECE4

#A2BDA2 #ACC4AC #B6CCB6 #C1D4C1 #CCDCCC #D8E4D8 #E4ECE4

#A2BDA2 - #C1D4C1 - #E4ECE4

Codes CSS

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

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