#C11EB6 - #FC92EB | 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 #C11EB6 à #FC92EB

#C11EB6 #FC92EB

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

#C11EB6 - #FC92EB | 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 #C11EB6 0% et #FC92EB 100%.

0.0%	0.0% #C11EB6	RVB 193 30 182	#C11EB6
16.7%	16.7% #CA31BE	RVB 202 49 190	#CA31BE
33.3%	33.3% #D444C7	RVB 212 68 199	#D444C7
50.0%	50.0% #DE58D0	RVB 222 88 208	#DE58D0
66.7%	66.7% #E86BD9	RVB 232 107 217	#E86BD9
83.3%	83.3% #F27EE2	RVB 242 126 226	#F27EE2
100.0%	100.0% #FC92EB	RVB 252 146 235	#FC92EB

#C11EB6 #CA31BE #D444C7 #DE58D0 #E86BD9 #F27EE2 #FC92EB

#C11EB6 - #FC92EB

Mélange HSV

#C11EB6 - #FC92EB | 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 #C11EB6 0% et #FC92EB 100%.

0.0%	0.0% #C11DB6	RVB 193 29 182	#C11DB6
16.7%	16.7% #CA2DBD	RVB 202 45 189	#CA2DBD
33.3%	33.3% #D43FC5	RVB 212 63 197	#D43FC5
50.0%	50.0% #DE51CE	RVB 222 81 206	#DE51CE
66.7%	66.7% #E865D7	RVB 232 101 215	#E865D7
83.3%	83.3% #F27BE0	RVB 242 123 224	#F27BE0
100.0%	100.0% #FC92EB	RVB 252 146 235	#FC92EB

#C11DB6 #CA2DBD #D43FC5 #DE51CE #E865D7 #F27BE0 #FC92EB

#C11EB6 - #DE51CE - #FC92EB

Codes CSS

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

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