#4C3E5E - #CF89B0 | 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 #4C3E5E à #CF89B0

#4C3E5E #CF89B0

Calculez la couleur entre deux couleurs, #4C3E5E et #CF89B0. 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)

#4C3E5E - #CF89B0 | 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 #4C3E5E 0% et #CF89B0 100%.

0.0%	0.0% #4C3E5E	RVB 76 62 94	#4C3E5E
16.7%	16.7% #614A6B	RVB 97 74 107	#614A6B
33.3%	33.3% #775779	RVB 119 87 121	#775779
50.0%	50.0% #8D6387	RVB 141 99 135	#8D6387
66.7%	66.7% #A37094	RVB 163 112 148	#A37094
83.3%	83.3% #B97CA2	RVB 185 124 162	#B97CA2
100.0%	100.0% #CF89B0	RVB 207 137 176	#CF89B0

#4C3E5E #614A6B #775779 #8D6387 #A37094 #B97CA2 #CF89B0

#4C3E5E - #CF89B0

Mélange HSV

#4C3E5E - #CF89B0 | 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 #4C3E5E 0% et #CF89B0 100%.

0.0%	0.0% #4C3E5E	RVB 76 62 94	#4C3E5E
16.7%	16.7% #614A70	RVB 97 74 112	#614A70
33.3%	33.3% #795683	RVB 121 86 131	#795683
50.0%	50.0% #936396	RVB 147 99 150	#936396
66.7%	66.7% #A96FA3	RVB 169 111 163	#A96FA3
83.3%	83.3% #BC7CAA	RVB 188 124 170	#BC7CAA
100.0%	100.0% #CF89B0	RVB 207 137 176	#CF89B0

#4C3E5E #614A70 #795683 #936396 #A96FA3 #BC7CAA #CF89B0

#4C3E5E - #936396 - #CF89B0

Codes CSS

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

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