#CCB5E2 - #3A3340 | 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 #CCB5E2 à #3A3340

#CCB5E2 #3A3340

Calculez la couleur entre deux couleurs, #CCB5E2 et #3A3340. 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)

#CCB5E2 - #3A3340 | 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 #CCB5E2 0% et #3A3340 100%.

0.0%	0.0% #CCB5E2	RVB 204 181 226	#CCB5E2
16.7%	16.7% #B39FC7	RVB 179 159 199	#B39FC7
33.3%	33.3% #9B89AC	RVB 155 137 172	#9B89AC
50.0%	50.0% #837491	RVB 131 116 145	#837491
66.7%	66.7% #6A5E76	RVB 106 94 118	#6A5E76
83.3%	83.3% #52485B	RVB 82 72 91	#52485B
100.0%	100.0% #3A3340	RVB 58 51 64	#3A3340

#CCB5E2 #B39FC7 #9B89AC #837491 #6A5E76 #52485B #3A3340

#CCB5E2 - #3A3340

Mélange HSV

#CCB5E2 - #3A3340 | 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 #CCB5E2 0% et #3A3340 100%.

0.0%	0.0% #CCB5E2	RVB 204 181 226	#CCB5E2
16.7%	16.7% #B39FC7	RVB 179 159 199	#B39FC7
33.3%	33.3% #9B89AC	RVB 155 137 172	#9B89AC
50.0%	50.0% #837391	RVB 131 115 145	#837391
66.7%	66.7% #6A5E76	RVB 106 94 118	#6A5E76
83.3%	83.3% #52485B	RVB 82 72 91	#52485B
100.0%	100.0% #3A3340	RVB 58 51 64	#3A3340

#CCB5E2 #B39FC7 #9B89AC #837391 #6A5E76 #52485B #3A3340

#CCB5E2 - #837391 - #3A3340

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCB5E2 0%, #837391 50%, #3A3340 100%);
    background: -webkit-linear-gradient(top, #CCB5E2 0%, #837391 50%, #3A3340 100%);
    background: linear-gradient(to bottom, #CCB5E2 0%, #837391 50%, #3A3340 100%);
}
</style>