#2D3C5E - #C3C8D1 | 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 #2D3C5E à #C3C8D1

#2D3C5E #C3C8D1

Calculez la couleur entre deux couleurs, #2D3C5E et #C3C8D1. 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)

#2D3C5E - #C3C8D1 | 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 #2D3C5E 0% et #C3C8D1 100%.

0.0%	0.0% #2D3C5E	RVB 45 60 94	#2D3C5E
16.7%	16.7% #465371	RVB 70 83 113	#465371
33.3%	33.3% #5F6A84	RVB 95 106 132	#5F6A84
50.0%	50.0% #788297	RVB 120 130 151	#788297
66.7%	66.7% #9199AA	RVB 145 153 170	#9199AA
83.3%	83.3% #AAB0BD	RVB 170 176 189	#AAB0BD
100.0%	100.0% #C3C8D1	RVB 195 200 209	#C3C8D1

#2D3C5E #465371 #5F6A84 #788297 #9199AA #AAB0BD #C3C8D1

#2D3C5E - #C3C8D1

Mélange HSV

#2D3C5E - #C3C8D1 | 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 #2D3C5E 0% et #C3C8D1 100%.

0.0%	0.0% #2D3C5E	RVB 45 60 94	#2D3C5E
16.7%	16.7% #3E4E71	RVB 62 78 113	#3E4E71
33.3%	33.3% #536384	RVB 83 99 132	#536384
50.0%	50.0% #6A7997	RVB 106 121 151	#6A7997
66.7%	66.7% #8592AA	RVB 133 146 170	#8592AA
83.3%	83.3% #A2ACBD	RVB 162 172 189	#A2ACBD
100.0%	100.0% #C3C8D1	RVB 195 200 209	#C3C8D1

#2D3C5E #3E4E71 #536384 #6A7997 #8592AA #A2ACBD #C3C8D1

#2D3C5E - #6A7997 - #C3C8D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C5E 0%, #6A7997 50%, #C3C8D1 100%);
    background: -webkit-linear-gradient(top, #2D3C5E 0%, #6A7997 50%, #C3C8D1 100%);
    background: linear-gradient(to bottom, #2D3C5E 0%, #6A7997 50%, #C3C8D1 100%);
}
</style>