#592B5E - #CD6B6D | 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 #592B5E à #CD6B6D

#592B5E #CD6B6D

Calculez la couleur entre deux couleurs, #592B5E et #CD6B6D. 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)

#592B5E - #CD6B6D | 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 #592B5E 0% et #CD6B6D 100%.

0.0%	0.0% #592B5E	RVB 89 43 94	#592B5E
16.7%	16.7% #6C3560	RVB 108 53 96	#6C3560
33.3%	33.3% #7F4063	RVB 127 64 99	#7F4063
50.0%	50.0% #934B65	RVB 147 75 101	#934B65
66.7%	66.7% #A65568	RVB 166 85 104	#A65568
83.3%	83.3% #B9606A	RVB 185 96 106	#B9606A
100.0%	100.0% #CD6B6D	RVB 205 107 109	#CD6B6D

#592B5E #6C3560 #7F4063 #934B65 #A65568 #B9606A #CD6B6D

#592B5E - #CD6B6D

Mélange HSV

#592B5E - #CD6B6D | 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 #592B5E 0% et #CD6B6D 100%.

0.0%	0.0% #592B5E	RVB 89 43 94	#592B5E
16.7%	16.7% #70346B	RVB 112 52 107	#70346B
33.3%	33.3% #833E71	RVB 131 62 113	#833E71
50.0%	50.0% #954973	RVB 149 73 115	#954973
66.7%	66.7% #A85473	RVB 168 84 115	#A85473
83.3%	83.3% #BA5F71	RVB 186 95 113	#BA5F71
100.0%	100.0% #CD6B6D	RVB 205 107 109	#CD6B6D

#592B5E #70346B #833E71 #954973 #A85473 #BA5F71 #CD6B6D

#592B5E - #954973 - #CD6B6D

Codes CSS

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

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