#CDB5E5 - #3A3341 | 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 #CDB5E5 à #3A3341

#CDB5E5 #3A3341

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

#CDB5E5 - #3A3341 | 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 #CDB5E5 0% et #3A3341 100%.

0.0%	0.0% #CDB5E5	RVB 205 181 229	#CDB5E5
16.7%	16.7% #B49FC9	RVB 180 159 201	#B49FC9
33.3%	33.3% #9C89AE	RVB 156 137 174	#9C89AE
50.0%	50.0% #837493	RVB 131 116 147	#837493
66.7%	66.7% #6B5E77	RVB 107 94 119	#6B5E77
83.3%	83.3% #52485C	RVB 82 72 92	#52485C
100.0%	100.0% #3A3341	RVB 58 51 65	#3A3341

#CDB5E5 #B49FC9 #9C89AE #837493 #6B5E77 #52485C #3A3341

#CDB5E5 - #3A3341

Mélange HSV

#CDB5E5 - #3A3341 | 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 #CDB5E5 0% et #3A3341 100%.

0.0%	0.0% #CDB5E5	RVB 205 181 229	#CDB5E5
16.7%	16.7% #B49FC9	RVB 180 159 201	#B49FC9
33.3%	33.3% #9B89AE	RVB 155 137 174	#9B89AE
50.0%	50.0% #837393	RVB 131 115 147	#837393
66.7%	66.7% #6A5E77	RVB 106 94 119	#6A5E77
83.3%	83.3% #52485C	RVB 82 72 92	#52485C
100.0%	100.0% #3A3341	RVB 58 51 65	#3A3341

#CDB5E5 #B49FC9 #9B89AE #837393 #6A5E77 #52485C #3A3341

#CDB5E5 - #837393 - #3A3341

Codes CSS

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

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