#ABC6DB - #E4E1DC | 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 #ABC6DB à #E4E1DC

#ABC6DB #E4E1DC

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

#ABC6DB - #E4E1DC | 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 #ABC6DB 0% et #E4E1DC 100%.

0.0%	0.0% #ABC6DB	RVB 171 198 219	#ABC6DB
16.7%	16.7% #B4CADB	RVB 180 202 219	#B4CADB
33.3%	33.3% #BECFDB	RVB 190 207 219	#BECFDB
50.0%	50.0% #C7D3DB	RVB 199 211 219	#C7D3DB
66.7%	66.7% #D1D8DB	RVB 209 216 219	#D1D8DB
83.3%	83.3% #DADCDB	RVB 218 220 219	#DADCDB
100.0%	100.0% #E4E1DC	RVB 228 225 220	#E4E1DC

#ABC6DB #B4CADB #BECFDB #C7D3DB #D1D8DB #DADCDB #E4E1DC

#ABC6DB - #E4E1DC

Mélange HSV

#ABC6DB - #E4E1DC | 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 #ABC6DB 0% et #E4E1DC 100%.

0.0%	0.0% #ABC6DB	RVB 171 198 219	#ABC6DB
16.7%	16.7% #B2DCDB	RVB 178 220 219	#B2DCDB
33.3%	33.3% #BADECC	RVB 186 222 204	#BADECC
50.0%	50.0% #C3DFC3	RVB 195 223 195	#C3DFC3
66.7%	66.7% #D4E1CB	RVB 212 225 203	#D4E1CB
83.3%	83.3% #E1E2D3	RVB 225 226 211	#E1E2D3
100.0%	100.0% #E4E1DC	RVB 228 225 220	#E4E1DC

#ABC6DB #B2DCDB #BADECC #C3DFC3 #D4E1CB #E1E2D3 #E4E1DC

#ABC6DB - #C3DFC3 - #E4E1DC

Codes CSS

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

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