#FF75DC - #48213E | 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 #FF75DC à #48213E

#FF75DC #48213E

Calculez la couleur entre deux couleurs, #FF75DC et #48213E. 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)

#FF75DC - #48213E | 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 #FF75DC 0% et #48213E 100%.

0.0%	0.0% #FF75DC	RVB 255 117 220	#FF75DC
16.7%	16.7% #E067C1	RVB 224 103 193	#E067C1
33.3%	33.3% #C259A7	RVB 194 89 167	#C259A7
50.0%	50.0% #A34B8D	RVB 163 75 141	#A34B8D
66.7%	66.7% #843D72	RVB 132 61 114	#843D72
83.3%	83.3% #662F58	RVB 102 47 88	#662F58
100.0%	100.0% #48213E	RVB 72 33 62	#48213E

#FF75DC #E067C1 #C259A7 #A34B8D #843D72 #662F58 #48213E

#FF75DC - #48213E

Mélange HSV

#FF75DC - #48213E | 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 #FF75DC 0% et #48213E 100%.

0.0%	0.0% #FF75DC	RVB 255 117 220	#FF75DC
16.7%	16.7% #E066C1	RVB 224 102 193	#E066C1
33.3%	33.3% #C258A7	RVB 194 88 167	#C258A7
50.0%	50.0% #A34A8C	RVB 163 74 140	#A34A8C
66.7%	66.7% #843C72	RVB 132 60 114	#843C72
83.3%	83.3% #662E58	RVB 102 46 88	#662E58
100.0%	100.0% #48213E	RVB 72 33 62	#48213E

#FF75DC #E066C1 #C258A7 #A34A8C #843C72 #662E58 #48213E

#FF75DC - #A34A8C - #48213E

Codes CSS

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

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