#5E526B - #CF7BDB | 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 #5E526B à #CF7BDB

#5E526B #CF7BDB

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

#5E526B - #CF7BDB | 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 #5E526B 0% et #CF7BDB 100%.

0.0%	0.0% #5E526B	RVB 94 82 107	#5E526B
16.7%	16.7% #70587D	RVB 112 88 125	#70587D
33.3%	33.3% #835F90	RVB 131 95 144	#835F90
50.0%	50.0% #9666A3	RVB 150 102 163	#9666A3
66.7%	66.7% #A96DB5	RVB 169 109 181	#A96DB5
83.3%	83.3% #BC74C8	RVB 188 116 200	#BC74C8
100.0%	100.0% #CF7BDB	RVB 207 123 219	#CF7BDB

#5E526B #70587D #835F90 #9666A3 #A96DB5 #BC74C8 #CF7BDB

#5E526B - #CF7BDB

Mélange HSV

#5E526B - #CF7BDB | 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 #5E526B 0% et #CF7BDB 100%.

0.0%	0.0% #5E526B	RVB 94 82 107	#5E526B
16.7%	16.7% #6E5C7D	RVB 110 92 125	#6E5C7D
33.3%	33.3% #7F6490	RVB 127 100 144	#7F6490
50.0%	50.0% #916CA3	RVB 145 108 163	#916CA3
66.7%	66.7% #A472B5	RVB 164 114 181	#A472B5
83.3%	83.3% #B877C8	RVB 184 119 200	#B877C8
100.0%	100.0% #CF7BDB	RVB 207 123 219	#CF7BDB

#5E526B #6E5C7D #7F6490 #916CA3 #A472B5 #B877C8 #CF7BDB

#5E526B - #916CA3 - #CF7BDB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E526B 0%, #916CA3 50%, #CF7BDB 100%);
    background: -webkit-linear-gradient(top, #5E526B 0%, #916CA3 50%, #CF7BDB 100%);
    background: linear-gradient(to bottom, #5E526B 0%, #916CA3 50%, #CF7BDB 100%);
}
</style>