#CA5EAF - #FF7FDF | 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 #CA5EAF à #FF7FDF

#CA5EAF #FF7FDF

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

#CA5EAF - #FF7FDF | 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 #CA5EAF 0% et #FF7FDF 100%.

0.0%	0.0% #CA5EAF	RVB 202 94 175	#CA5EAF
16.7%	16.7% #D263B7	RVB 210 99 183	#D263B7
33.3%	33.3% #DB69BF	RVB 219 105 191	#DB69BF
50.0%	50.0% #E46EC7	RVB 228 110 199	#E46EC7
66.7%	66.7% #ED74CF	RVB 237 116 207	#ED74CF
83.3%	83.3% #F679D7	RVB 246 121 215	#F679D7
100.0%	100.0% #FF7FDF	RVB 255 127 223	#FF7FDF

#CA5EAF #D263B7 #DB69BF #E46EC7 #ED74CF #F679D7 #FF7FDF

#CA5EAF - #FF7FDF

Mélange HSV

#CA5EAF - #FF7FDF | 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 #CA5EAF 0% et #FF7FDF 100%.

0.0%	0.0% #CA5EAF	RVB 202 94 175	#CA5EAF
16.7%	16.7% #D263B6	RVB 210 99 182	#D263B6
33.3%	33.3% #DB68BE	RVB 219 104 190	#DB68BE
50.0%	50.0% #E46EC6	RVB 228 110 198	#E46EC6
66.7%	66.7% #ED73CE	RVB 237 115 206	#ED73CE
83.3%	83.3% #F679D6	RVB 246 121 214	#F679D6
100.0%	100.0% #FF7FDF	RVB 255 127 223	#FF7FDF

#CA5EAF #D263B6 #DB68BE #E46EC6 #ED73CE #F679D6 #FF7FDF

#CA5EAF - #E46EC6 - #FF7FDF

Codes CSS

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

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