#C3669C - #870D4C | 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 #C3669C à #870D4C

#C3669C #870D4C

Calculez la couleur entre deux couleurs, #C3669C et #870D4C. 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)

#C3669C - #870D4C | 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 #C3669C 0% et #870D4C 100%.

0.0%	0.0% #C3669C	RVB 195 102 156	#C3669C
16.7%	16.7% #B9578E	RVB 185 87 142	#B9578E
33.3%	33.3% #AF4881	RVB 175 72 129	#AF4881
50.0%	50.0% #A53974	RVB 165 57 116	#A53974
66.7%	66.7% #9B2A66	RVB 155 42 102	#9B2A66
83.3%	83.3% #911B59	RVB 145 27 89	#911B59
100.0%	100.0% #870D4C	RVB 135 13 76	#870D4C

#C3669C #B9578E #AF4881 #A53974 #9B2A66 #911B59 #870D4C

#C3669C - #870D4C

Mélange HSV

#C3669C - #870D4C | 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 #C3669C 0% et #870D4C 100%.

0.0%	0.0% #C3669B	RVB 195 102 155	#C3669B
16.7%	16.7% #B9538D	RVB 185 83 141	#B9538D
33.3%	33.3% #AF427F	RVB 175 66 127	#AF427F
50.0%	50.0% #A53371	RVB 165 51 113	#A53371
66.7%	66.7% #9B2464	RVB 155 36 100	#9B2464
83.3%	83.3% #911857	RVB 145 24 87	#911857
100.0%	100.0% #870D4C	RVB 135 13 76	#870D4C

#C3669B #B9538D #AF427F #A53371 #9B2464 #911857 #870D4C

#C3669C - #A53371 - #870D4C

Codes CSS

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

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