#AEC2B6 - #C2FFDB | 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 #AEC2B6 à #C2FFDB

#AEC2B6 #C2FFDB

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

#AEC2B6 - #C2FFDB | 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 #AEC2B6 0% et #C2FFDB 100%.

0.0%	0.0% #AEC2B6	RVB 174 194 182	#AEC2B6
16.7%	16.7% #B1CCBC	RVB 177 204 188	#B1CCBC
33.3%	33.3% #B4D6C2	RVB 180 214 194	#B4D6C2
50.0%	50.0% #B8E0C8	RVB 184 224 200	#B8E0C8
66.7%	66.7% #BBEACE	RVB 187 234 206	#BBEACE
83.3%	83.3% #BEF4D4	RVB 190 244 212	#BEF4D4
100.0%	100.0% #C2FFDB	RVB 194 255 219	#C2FFDB

#AEC2B6 #B1CCBC #B4D6C2 #B8E0C8 #BBEACE #BEF4D4 #C2FFDB

#AEC2B6 - #C2FFDB

Mélange HSV

#AEC2B6 - #C2FFDB | 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 #AEC2B6 0% et #C2FFDB 100%.

0.0%	0.0% #AEC2B6	RVB 174 194 182	#AEC2B6
16.7%	16.7% #B2CCBC	RVB 178 204 188	#B2CCBC
33.3%	33.3% #B6D6C3	RVB 182 214 195	#B6D6C3
50.0%	50.0% #BAE0C9	RVB 186 224 201	#BAE0C9
66.7%	66.7% #BDEACF	RVB 189 234 207	#BDEACF
83.3%	83.3% #BFF4D5	RVB 191 244 213	#BFF4D5
100.0%	100.0% #C2FFDB	RVB 194 255 219	#C2FFDB

#AEC2B6 #B2CCBC #B6D6C3 #BAE0C9 #BDEACF #BFF4D5 #C2FFDB

#AEC2B6 - #BAE0C9 - #C2FFDB

Codes CSS

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

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