#F9F0FF - #D5A8EC | 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 #F9F0FF à #D5A8EC

#F9F0FF #D5A8EC

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

#F9F0FF - #D5A8EC | 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 #F9F0FF 0% et #D5A8EC 100%.

0.0%	0.0% #F9F0FF	RVB 249 240 255	#F9F0FF
16.7%	16.7% #F3E4FB	RVB 243 228 251	#F3E4FB
33.3%	33.3% #EDD8F8	RVB 237 216 248	#EDD8F8
50.0%	50.0% #E7CCF5	RVB 231 204 245	#E7CCF5
66.7%	66.7% #E1C0F2	RVB 225 192 242	#E1C0F2
83.3%	83.3% #DBB4EF	RVB 219 180 239	#DBB4EF
100.0%	100.0% #D5A8EC	RVB 213 168 236	#D5A8EC

#F9F0FF #F3E4FB #EDD8F8 #E7CCF5 #E1C0F2 #DBB4EF #D5A8EC

#F9F0FF - #D5A8EC

Mélange HSV

#F9F0FF - #D5A8EC | 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 #F9F0FF 0% et #D5A8EC 100%.

0.0%	0.0% #F9F0FF	RVB 249 240 255	#F9F0FF
16.7%	16.7% #F2E3FB	RVB 242 227 251	#F2E3FB
33.3%	33.3% #EBD7F8	RVB 235 215 248	#EBD7F8
50.0%	50.0% #E5CAF5	RVB 229 202 245	#E5CAF5
66.7%	66.7% #DFBFF2	RVB 223 191 242	#DFBFF2
83.3%	83.3% #DAB3EF	RVB 218 179 239	#DAB3EF
100.0%	100.0% #D5A8EC	RVB 213 168 236	#D5A8EC

#F9F0FF #F2E3FB #EBD7F8 #E5CAF5 #DFBFF2 #DAB3EF #D5A8EC

#F9F0FF - #E5CAF5 - #D5A8EC

Codes CSS

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

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