#C92AD1 - #FF9DE7 | 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 #C92AD1 à #FF9DE7

#C92AD1 #FF9DE7

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

#C92AD1 - #FF9DE7 | 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 #C92AD1 0% et #FF9DE7 100%.

0.0%	0.0% #C92AD1	RVB 201 42 209	#C92AD1
16.7%	16.7% #D23DD4	RVB 210 61 212	#D23DD4
33.3%	33.3% #DB50D8	RVB 219 80 216	#DB50D8
50.0%	50.0% #E463DC	RVB 228 99 220	#E463DC
66.7%	66.7% #ED76DF	RVB 237 118 223	#ED76DF
83.3%	83.3% #F689E3	RVB 246 137 227	#F689E3
100.0%	100.0% #FF9DE7	RVB 255 157 231	#FF9DE7

#C92AD1 #D23DD4 #DB50D8 #E463DC #ED76DF #F689E3 #FF9DE7

#C92AD1 - #FF9DE7

Mélange HSV

#C92AD1 - #FF9DE7 | 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 #C92AD1 0% et #FF9DE7 100%.

0.0%	0.0% #C92AD1	RVB 201 42 209	#C92AD1
16.7%	16.7% #D83AD8	RVB 216 58 216	#D83AD8
33.3%	33.3% #E04CD8	RVB 224 76 216	#E04CD8
50.0%	50.0% #E85EDA	RVB 232 94 218	#E85EDA
66.7%	66.7% #EF72DD	RVB 239 114 221	#EF72DD
83.3%	83.3% #F787E1	RVB 247 135 225	#F787E1
100.0%	100.0% #FF9DE7	RVB 255 157 231	#FF9DE7

#C92AD1 #D83AD8 #E04CD8 #E85EDA #EF72DD #F787E1 #FF9DE7

#C92AD1 - #E85EDA - #FF9DE7

Codes CSS

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

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