#ACCFFF - #ECE5E8 | 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 #ACCFFF à #ECE5E8

#ACCFFF #ECE5E8

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

#ACCFFF - #ECE5E8 | 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 #ACCFFF 0% et #ECE5E8 100%.

0.0%	0.0% #ACCFFF	RVB 172 207 255	#ACCFFF
16.7%	16.7% #B6D2FB	RVB 182 210 251	#B6D2FB
33.3%	33.3% #C1D6F7	RVB 193 214 247	#C1D6F7
50.0%	50.0% #CCDAF3	RVB 204 218 243	#CCDAF3
66.7%	66.7% #D6DDEF	RVB 214 221 239	#D6DDEF
83.3%	83.3% #E1E1EB	RVB 225 225 235	#E1E1EB
100.0%	100.0% #ECE5E8	RVB 236 229 232	#ECE5E8

#ACCFFF #B6D2FB #C1D6F7 #CCDAF3 #D6DDEF #E1E1EB #ECE5E8

#ACCFFF - #ECE5E8

Mélange HSV

#ACCFFF - #ECE5E8 | 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 #ACCFFF 0% et #ECE5E8 100%.

0.0%	0.0% #ACCFFF	RVB 172 207 255	#ACCFFF
16.7%	16.7% #B6BCFB	RVB 182 188 251	#B6BCFB
33.3%	33.3% #CDC0F8	RVB 205 192 248	#CDC0F8
50.0%	50.0% #E2C9F5	RVB 226 201 245	#E2C9F5
66.7%	66.7% #EFD3F2	RVB 239 211 242	#EFD3F2
83.3%	83.3% #EFDCEA	RVB 239 220 234	#EFDCEA
100.0%	100.0% #ECE5E8	RVB 236 229 232	#ECE5E8

#ACCFFF #B6BCFB #CDC0F8 #E2C9F5 #EFD3F2 #EFDCEA #ECE5E8

#ACCFFF - #E2C9F5 - #ECE5E8

Codes CSS

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

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