#EDA8F7 - #D151E6 | 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 #EDA8F7 à #D151E6

#EDA8F7 #D151E6

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

#EDA8F7 - #D151E6 | 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 #EDA8F7 0% et #D151E6 100%.

0.0%	0.0% #EDA8F7	RVB 237 168 247	#EDA8F7
16.7%	16.7% #E899F4	RVB 232 153 244	#E899F4
33.3%	33.3% #E38BF1	RVB 227 139 241	#E38BF1
50.0%	50.0% #DF7CEE	RVB 223 124 238	#DF7CEE
66.7%	66.7% #DA6EEB	RVB 218 110 235	#DA6EEB
83.3%	83.3% #D55FE8	RVB 213 95 232	#D55FE8
100.0%	100.0% #D151E6	RVB 209 81 230	#D151E6

#EDA8F7 #E899F4 #E38BF1 #DF7CEE #DA6EEB #D55FE8 #D151E6

#EDA8F7 - #D151E6

Mélange HSV

#EDA8F7 - #D151E6 | 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 #EDA8F7 0% et #D151E6 100%.

0.0%	0.0% #EDA8F7	RVB 237 168 247	#EDA8F7
16.7%	16.7% #E898F4	RVB 232 152 244	#E898F4
33.3%	33.3% #E389F1	RVB 227 137 241	#E389F1
50.0%	50.0% #DF7BEE	RVB 223 123 238	#DF7BEE
66.7%	66.7% #DA6CEB	RVB 218 108 235	#DA6CEB
83.3%	83.3% #D55EE8	RVB 213 94 232	#D55EE8
100.0%	100.0% #D151E6	RVB 209 81 230	#D151E6

#EDA8F7 #E898F4 #E389F1 #DF7BEE #DA6CEB #D55EE8 #D151E6

#EDA8F7 - #DF7BEE - #D151E6

Codes CSS

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

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