#F5E2FF - #BB8CCD | 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 #F5E2FF à #BB8CCD

#F5E2FF #BB8CCD

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

#F5E2FF - #BB8CCD | 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 #F5E2FF 0% et #BB8CCD 100%.

0.0%	0.0% #F5E2FF	RVB 245 226 255	#F5E2FF
16.7%	16.7% #EBD3F6	RVB 235 211 246	#EBD3F6
33.3%	33.3% #E1C5EE	RVB 225 197 238	#E1C5EE
50.0%	50.0% #D8B7E6	RVB 216 183 230	#D8B7E6
66.7%	66.7% #CEA8DD	RVB 206 168 221	#CEA8DD
83.3%	83.3% #C49AD5	RVB 196 154 213	#C49AD5
100.0%	100.0% #BB8CCD	RVB 187 140 205	#BB8CCD

#F5E2FF #EBD3F6 #E1C5EE #D8B7E6 #CEA8DD #C49AD5 #BB8CCD

#F5E2FF - #BB8CCD

Mélange HSV

#F5E2FF - #BB8CCD | 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 #F5E2FF 0% et #BB8CCD 100%.

0.0%	0.0% #F5E2FF	RVB 245 226 255	#F5E2FF
16.7%	16.7% #EAD2F6	RVB 234 210 246	#EAD2F6
33.3%	33.3% #E0C3EE	RVB 224 195 238	#E0C3EE
50.0%	50.0% #D6B4E6	RVB 214 180 230	#D6B4E6
66.7%	66.7% #CDA6DD	RVB 205 166 221	#CDA6DD
83.3%	83.3% #C398D5	RVB 195 152 213	#C398D5
100.0%	100.0% #BB8CCD	RVB 187 140 205	#BB8CCD

#F5E2FF #EAD2F6 #E0C3EE #D6B4E6 #CDA6DD #C398D5 #BB8CCD

#F5E2FF - #D6B4E6 - #BB8CCD

Codes CSS

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

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