#F0F0FF - #DDEEFB | 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 #F0F0FF à #DDEEFB

#F0F0FF #DDEEFB

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

#F0F0FF - #DDEEFB | 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 #F0F0FF 0% et #DDEEFB 100%.

0.0%	0.0% #F0F0FF	RVB 240 240 255	#F0F0FF
16.7%	16.7% #ECEFFE	RVB 236 239 254	#ECEFFE
33.3%	33.3% #E9EFFD	RVB 233 239 253	#E9EFFD
50.0%	50.0% #E6EFFD	RVB 230 239 253	#E6EFFD
66.7%	66.7% #E3EEFC	RVB 227 238 252	#E3EEFC
83.3%	83.3% #E0EEFB	RVB 224 238 251	#E0EEFB
100.0%	100.0% #DDEEFB	RVB 221 238 251	#DDEEFB

#F0F0FF #ECEFFE #E9EFFD #E6EFFD #E3EEFC #E0EEFB #DDEEFB

#F0F0FF - #DDEEFB

Mélange HSV

#F0F0FF - #DDEEFB | 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 #F0F0FF 0% et #DDEEFB 100%.

0.0%	0.0% #F0F0FF	RVB 240 240 255	#F0F0FF
16.7%	16.7% #ECEEFE	RVB 236 238 254	#ECEEFE
33.3%	33.3% #E9EDFD	RVB 233 237 253	#E9EDFD
50.0%	50.0% #E6ECFD	RVB 230 236 253	#E6ECFD
66.7%	66.7% #E3ECFC	RVB 227 236 252	#E3ECFC
83.3%	83.3% #E0EDFB	RVB 224 237 251	#E0EDFB
100.0%	100.0% #DDEEFB	RVB 221 238 251	#DDEEFB

#F0F0FF #ECEEFE #E9EDFD #E6ECFD #E3ECFC #E0EDFB #DDEEFB

#F0F0FF - #E6ECFD - #DDEEFB

Codes CSS

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

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