#AFDEEE - #ECE6E7 | 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 #AFDEEE à #ECE6E7

#AFDEEE #ECE6E7

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

#AFDEEE - #ECE6E7 | 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 #AFDEEE 0% et #ECE6E7 100%.

0.0%	0.0% #AFDEEE	RVB 175 222 238	#AFDEEE
16.7%	16.7% #B9DFEC	RVB 185 223 236	#B9DFEC
33.3%	33.3% #C3E0EB	RVB 195 224 235	#C3E0EB
50.0%	50.0% #CDE2EA	RVB 205 226 234	#CDE2EA
66.7%	66.7% #D7E3E9	RVB 215 227 233	#D7E3E9
83.3%	83.3% #E1E4E8	RVB 225 228 232	#E1E4E8
100.0%	100.0% #ECE6E7	RVB 236 230 231	#ECE6E7

#AFDEEE #B9DFEC #C3E0EB #CDE2EA #D7E3E9 #E1E4E8 #ECE6E7

#AFDEEE - #ECE6E7

Mélange HSV

#AFDEEE - #ECE6E7 | 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 #AFDEEE 0% et #ECE6E7 100%.

0.0%	0.0% #AFDEEE	RVB 175 222 238	#AFDEEE
16.7%	16.7% #B8C9ED	RVB 184 201 237	#B8C9ED
33.3%	33.3% #C6C1ED	RVB 198 193 237	#C6C1ED
50.0%	50.0% #DDCAED	RVB 221 202 237	#DDCAED
66.7%	66.7% #ECD3EC	RVB 236 211 236	#ECD3EC
83.3%	83.3% #ECDCE6	RVB 236 220 230	#ECDCE6
100.0%	100.0% #ECE6E7	RVB 236 230 231	#ECE6E7

#AFDEEE #B8C9ED #C6C1ED #DDCAED #ECD3EC #ECDCE6 #ECE6E7

#AFDEEE - #DDCAED - #ECE6E7

Codes CSS

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

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