#FFA3FE - #EEFFFF | 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 #FFA3FE à #EEFFFF

#FFA3FE #EEFFFF

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

#FFA3FE - #EEFFFF | 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 #FFA3FE 0% et #EEFFFF 100%.

0.0%	0.0% #FFA3FE	RVB 255 163 254	#FFA3FE
16.7%	16.7% #FCB2FE	RVB 252 178 254	#FCB2FE
33.3%	33.3% #F9C1FE	RVB 249 193 254	#F9C1FE
50.0%	50.0% #F6D1FE	RVB 246 209 254	#F6D1FE
66.7%	66.7% #F3E0FE	RVB 243 224 254	#F3E0FE
83.3%	83.3% #F0EFFE	RVB 240 239 254	#F0EFFE
100.0%	100.0% #EEFFFF	RVB 238 255 255	#EEFFFF

#FFA3FE #FCB2FE #F9C1FE #F6D1FE #F3E0FE #F0EFFE #EEFFFF

#FFA3FE - #EEFFFF

Mélange HSV

#FFA3FE - #EEFFFF | 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 #FFA3FE 0% et #EEFFFF 100%.

0.0%	0.0% #FFA3FE	RVB 255 163 254	#FFA3FE
16.7%	16.7% #E5AFFF	RVB 229 175 255	#E5AFFF
33.3%	33.3% #D2BCFF	RVB 210 188 255	#D2BCFF
50.0%	50.0% #C8C8FF	RVB 200 200 255	#C8C8FF
66.7%	66.7% #D5E2FF	RVB 213 226 255	#D5E2FF
83.3%	83.3% #E1F5FF	RVB 225 245 255	#E1F5FF
100.0%	100.0% #EEFFFF	RVB 238 255 255	#EEFFFF

#FFA3FE #E5AFFF #D2BCFF #C8C8FF #D5E2FF #E1F5FF #EEFFFF

#FFA3FE - #C8C8FF - #EEFFFF

Codes CSS

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

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