#241B5E - #C0BDD1 | 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 #241B5E à #C0BDD1

#241B5E #C0BDD1

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

#241B5E - #C0BDD1 | 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 #241B5E 0% et #C0BDD1 100%.

0.0%	0.0% #241B5E	RVB 36 27 94	#241B5E
16.7%	16.7% #3E3671	RVB 62 54 113	#3E3671
33.3%	33.3% #585184	RVB 88 81 132	#585184
50.0%	50.0% #726C97	RVB 114 108 151	#726C97
66.7%	66.7% #8C87AA	RVB 140 135 170	#8C87AA
83.3%	83.3% #A6A2BD	RVB 166 162 189	#A6A2BD
100.0%	100.0% #C0BDD1	RVB 192 189 209	#C0BDD1

#241B5E #3E3671 #585184 #726C97 #8C87AA #A6A2BD #C0BDD1

#241B5E - #C0BDD1

Mélange HSV

#241B5E - #C0BDD1 | 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 #241B5E 0% et #C0BDD1 100%.

0.0%	0.0% #241B5E	RVB 36 27 94	#241B5E
16.7%	16.7% #352C71	RVB 53 44 113	#352C71
33.3%	33.3% #4A4184	RVB 74 65 132	#4A4184
50.0%	50.0% #625A97	RVB 98 90 151	#625A97
66.7%	66.7% #7E77AA	RVB 126 119 170	#7E77AA
83.3%	83.3% #9D98BD	RVB 157 152 189	#9D98BD
100.0%	100.0% #C0BDD1	RVB 192 189 209	#C0BDD1

#241B5E #352C71 #4A4184 #625A97 #7E77AA #9D98BD #C0BDD1

#241B5E - #625A97 - #C0BDD1

Codes CSS

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

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