#ABC6CF - #EAE1D7 | 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 #ABC6CF à #EAE1D7

#ABC6CF #EAE1D7

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

#ABC6CF - #EAE1D7 | 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 #ABC6CF 0% et #EAE1D7 100%.

0.0%	0.0% #ABC6CF	RVB 171 198 207	#ABC6CF
16.7%	16.7% #B5CAD0	RVB 181 202 208	#B5CAD0
33.3%	33.3% #C0CFD1	RVB 192 207 209	#C0CFD1
50.0%	50.0% #CAD3D3	RVB 202 211 211	#CAD3D3
66.7%	66.7% #D5D8D4	RVB 213 216 212	#D5D8D4
83.3%	83.3% #DFDCD5	RVB 223 220 213	#DFDCD5
100.0%	100.0% #EAE1D7	RVB 234 225 215	#EAE1D7

#ABC6CF #B5CAD0 #C0CFD1 #CAD3D3 #D5D8D4 #DFDCD5 #EAE1D7

#ABC6CF - #EAE1D7

Mélange HSV

#ABC6CF - #EAE1D7 | 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 #ABC6CF 0% et #EAE1D7 100%.

0.0%	0.0% #ABC6CF	RVB 171 198 207	#ABC6CF
16.7%	16.7% #B1D3CC	RVB 177 211 204	#B1D3CC
33.3%	33.3% #B9D8C3	RVB 185 216 195	#B9D8C3
50.0%	50.0% #C3DCC0	RVB 195 220 192	#C3DCC0
66.7%	66.7% #D6E1C7	RVB 214 225 199	#D6E1C7
83.3%	83.3% #E5E5CF	RVB 229 229 207	#E5E5CF
100.0%	100.0% #EAE1D7	RVB 234 225 215	#EAE1D7

#ABC6CF #B1D3CC #B9D8C3 #C3DCC0 #D6E1C7 #E5E5CF #EAE1D7

#ABC6CF - #C3DCC0 - #EAE1D7

Codes CSS

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

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