#ABC6B8 - #E0C2FF | 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 #ABC6B8 à #E0C2FF

#ABC6B8 #E0C2FF

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

#ABC6B8 - #E0C2FF | 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 #ABC6B8 0% et #E0C2FF 100%.

0.0%	0.0% #ABC6B8	RVB 171 198 184	#ABC6B8
16.7%	16.7% #B3C5C3	RVB 179 197 195	#B3C5C3
33.3%	33.3% #BCC4CF	RVB 188 196 207	#BCC4CF
50.0%	50.0% #C5C4DB	RVB 197 196 219	#C5C4DB
66.7%	66.7% #CEC3E7	RVB 206 195 231	#CEC3E7
83.3%	83.3% #D7C2F3	RVB 215 194 243	#D7C2F3
100.0%	100.0% #E0C2FF	RVB 224 194 255	#E0C2FF

#ABC6B8 #B3C5C3 #BCC4CF #C5C4DB #CEC3E7 #D7C2F3 #E0C2FF

#ABC6B8 - #E0C2FF

Mélange HSV

#ABC6B8 - #E0C2FF | 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 #ABC6B8 0% et #E0C2FF 100%.

0.0%	0.0% #ABC6B8	RVB 171 198 184	#ABC6B8
16.7%	16.7% #AFCFC9	RVB 175 207 201	#AFCFC9
33.3%	33.3% #B3D3D9	RVB 179 211 217	#B3D3D9
50.0%	50.0% #B7CDE2	RVB 183 205 226	#B7CDE2
66.7%	66.7% #BBC4EC	RVB 187 196 236	#BBC4EC
83.3%	83.3% #C7BEF5	RVB 199 190 245	#C7BEF5
100.0%	100.0% #E0C2FF	RVB 224 194 255	#E0C2FF

#ABC6B8 #AFCFC9 #B3D3D9 #B7CDE2 #BBC4EC #C7BEF5 #E0C2FF

#ABC6B8 - #B7CDE2 - #E0C2FF

Codes CSS

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

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