#C0147B - #5E0031 | 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 #C0147B à #5E0031

#C0147B #5E0031

Calculez la couleur entre deux couleurs, #C0147B et #5E0031. 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)

#C0147B - #5E0031 | 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 #C0147B 0% et #5E0031 100%.

0.0%	0.0% #C0147B	RVB 192 20 123	#C0147B
16.7%	16.7% #AF106E	RVB 175 16 110	#AF106E
33.3%	33.3% #9F0D62	RVB 159 13 98	#9F0D62
50.0%	50.0% #8F0A56	RVB 143 10 86	#8F0A56
66.7%	66.7% #7E0649	RVB 126 6 73	#7E0649
83.3%	83.3% #6E033D	RVB 110 3 61	#6E033D
100.0%	100.0% #5E0031	RVB 94 0 49	#5E0031

#C0147B #AF106E #9F0D62 #8F0A56 #7E0649 #6E033D #5E0031

#C0147B - #5E0031

Mélange HSV

#C0147B - #5E0031 | 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 #C0147B 0% et #5E0031 100%.

0.0%	0.0% #C0147B	RVB 192 20 123	#C0147B
16.7%	16.7% #AF0F6D	RVB 175 15 109	#AF0F6D
33.3%	33.3% #9F0B60	RVB 159 11 96	#9F0B60
50.0%	50.0% #8F0753	RVB 143 7 83	#8F0753
66.7%	66.7% #7E0447	RVB 126 4 71	#7E0447
83.3%	83.3% #6E013B	RVB 110 1 59	#6E013B
100.0%	100.0% #5E0031	RVB 94 0 49	#5E0031

#C0147B #AF0F6D #9F0B60 #8F0753 #7E0447 #6E013B #5E0031

#C0147B - #8F0753 - #5E0031

Codes CSS

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

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