#C92AAC - #FF9CD9 | 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 #C92AAC à #FF9CD9

#C92AAC #FF9CD9

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

#C92AAC - #FF9CD9 | 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 #C92AAC 0% et #FF9CD9 100%.

0.0%	0.0% #C92AAC	RVB 201 42 172	#C92AAC
16.7%	16.7% #D23DB3	RVB 210 61 179	#D23DB3
33.3%	33.3% #DB50BB	RVB 219 80 187	#DB50BB
50.0%	50.0% #E463C2	RVB 228 99 194	#E463C2
66.7%	66.7% #ED76CA	RVB 237 118 202	#ED76CA
83.3%	83.3% #F689D1	RVB 246 137 209	#F689D1
100.0%	100.0% #FF9CD9	RVB 255 156 217	#FF9CD9

#C92AAC #D23DB3 #DB50BB #E463C2 #ED76CA #F689D1 #FF9CD9

#C92AAC - #FF9CD9

Mélange HSV

#C92AAC - #FF9CD9 | 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 #C92AAC 0% et #FF9CD9 100%.

0.0%	0.0% #C92AAB	RVB 201 42 171	#C92AAB
16.7%	16.7% #D239B1	RVB 210 57 177	#D239B1
33.3%	33.3% #DB4BB7	RVB 219 75 183	#DB4BB7
50.0%	50.0% #E45DBD	RVB 228 93 189	#E45DBD
66.7%	66.7% #ED71C5	RVB 237 113 197	#ED71C5
83.3%	83.3% #F685CE	RVB 246 133 206	#F685CE
100.0%	100.0% #FF9CD9	RVB 255 156 217	#FF9CD9

#C92AAB #D239B1 #DB4BB7 #E45DBD #ED71C5 #F685CE #FF9CD9

#C92AAC - #E45DBD - #FF9CD9

Codes CSS

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

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