#CC6D9A - #8F144B | 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 #CC6D9A à #8F144B

#CC6D9A #8F144B

Calculez la couleur entre deux couleurs, #CC6D9A et #8F144B. 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)

#CC6D9A - #8F144B | 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 #CC6D9A 0% et #8F144B 100%.

0.0%	0.0% #CC6D9A	RVB 204 109 154	#CC6D9A
16.7%	16.7% #C15E8C	RVB 193 94 140	#C15E8C
33.3%	33.3% #B74F7F	RVB 183 79 127	#B74F7F
50.0%	50.0% #AD4072	RVB 173 64 114	#AD4072
66.7%	66.7% #A33165	RVB 163 49 101	#A33165
83.3%	83.3% #992258	RVB 153 34 88	#992258
100.0%	100.0% #8F144B	RVB 143 20 75	#8F144B

#CC6D9A #C15E8C #B74F7F #AD4072 #A33165 #992258 #8F144B

#CC6D9A - #8F144B

Mélange HSV

#CC6D9A - #8F144B | 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 #CC6D9A 0% et #8F144B 100%.

0.0%	0.0% #CC6D9A	RVB 204 109 154	#CC6D9A
16.7%	16.7% #C15A8B	RVB 193 90 139	#C15A8B
33.3%	33.3% #B7497C	RVB 183 73 124	#B7497C
50.0%	50.0% #AD3A6F	RVB 173 58 111	#AD3A6F
66.7%	66.7% #A32C62	RVB 163 44 98	#A32C62
83.3%	83.3% #991F56	RVB 153 31 86	#991F56
100.0%	100.0% #8F144B	RVB 143 20 75	#8F144B

#CC6D9A #C15A8B #B7497C #AD3A6F #A32C62 #991F56 #8F144B

#CC6D9A - #AD3A6F - #8F144B

Codes CSS

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

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