#CC3C92 - #FFA2B3 | 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 #CC3C92 à #FFA2B3

#CC3C92 #FFA2B3

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

#CC3C92 - #FFA2B3 | 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 #CC3C92 0% et #FFA2B3 100%.

0.0%	0.0% #CC3C92	RVB 204 60 146	#CC3C92
16.7%	16.7% #D44D97	RVB 212 77 151	#D44D97
33.3%	33.3% #DD5E9D	RVB 221 94 157	#DD5E9D
50.0%	50.0% #E56FA2	RVB 229 111 162	#E56FA2
66.7%	66.7% #EE80A8	RVB 238 128 168	#EE80A8
83.3%	83.3% #F691AD	RVB 246 145 173	#F691AD
100.0%	100.0% #FFA2B3	RVB 255 162 179	#FFA2B3

#CC3C92 #D44D97 #DD5E9D #E56FA2 #EE80A8 #F691AD #FFA2B3

#CC3C92 - #FFA2B3

Mélange HSV

#CC3C92 - #FFA2B3 | 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 #CC3C92 0% et #FFA2B3 100%.

0.0%	0.0% #CC3C91	RVB 204 60 145	#CC3C91
16.7%	16.7% #D44A93	RVB 212 74 147	#D44A93
33.3%	33.3% #DD5A96	RVB 221 90 150	#DD5A96
50.0%	50.0% #E56A9A	RVB 229 106 154	#E56A9A
66.7%	66.7% #EE7CA0	RVB 238 124 160	#EE7CA0
83.3%	83.3% #F68EA8	RVB 246 142 168	#F68EA8
100.0%	100.0% #FFA2B3	RVB 255 162 179	#FFA2B3

#CC3C91 #D44A93 #DD5A96 #E56A9A #EE7CA0 #F68EA8 #FFA2B3

#CC3C92 - #E56A9A - #FFA2B3

Codes CSS

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

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