#FF3C92 - #FFC7DF | 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 #FF3C92 à #FFC7DF

#FF3C92 #FFC7DF

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

#FF3C92 - #FFC7DF | 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 #FF3C92 0% et #FFC7DF 100%.

0.0%	0.0% #FF3C92	RVB 255 60 146	#FF3C92
16.7%	16.7% #FF539E	RVB 255 83 158	#FF539E
33.3%	33.3% #FF6AAB	RVB 255 106 171	#FF6AAB
50.0%	50.0% #FF81B8	RVB 255 129 184	#FF81B8
66.7%	66.7% #FF98C5	RVB 255 152 197	#FF98C5
83.3%	83.3% #FFAFD2	RVB 255 175 210	#FFAFD2
100.0%	100.0% #FFC7DF	RVB 255 199 223	#FFC7DF

#FF3C92 #FF539E #FF6AAB #FF81B8 #FF98C5 #FFAFD2 #FFC7DF

#FF3C92 - #FFC7DF

Mélange HSV

#FF3C92 - #FFC7DF | 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 #FF3C92 0% et #FFC7DF 100%.

0.0%	0.0% #FF3B91	RVB 255 59 145	#FF3B91
16.7%	16.7% #FF539E	RVB 255 83 158	#FF539E
33.3%	33.3% #FF6AAB	RVB 255 106 171	#FF6AAB
50.0%	50.0% #FF81B8	RVB 255 129 184	#FF81B8
66.7%	66.7% #FF98C4	RVB 255 152 196	#FF98C4
83.3%	83.3% #FFAFD1	RVB 255 175 209	#FFAFD1
100.0%	100.0% #FFC7DF	RVB 255 199 223	#FFC7DF

#FF3B91 #FF539E #FF6AAB #FF81B8 #FF98C4 #FFAFD1 #FFC7DF

#FF3C92 - #FF81B8 - #FFC7DF

Codes CSS

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

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