#252E3C - #C0C3C7 | 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 #252E3C à #C0C3C7

#252E3C #C0C3C7

Calculez la couleur entre deux couleurs, #252E3C et #C0C3C7. 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)

#252E3C - #C0C3C7 | 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 #252E3C 0% et #C0C3C7 100%.

0.0%	0.0% #252E3C	RVB 37 46 60	#252E3C
16.7%	16.7% #3E4653	RVB 62 70 83	#3E4653
33.3%	33.3% #585F6A	RVB 88 95 106	#585F6A
50.0%	50.0% #727881	RVB 114 120 129	#727881
66.7%	66.7% #8C9198	RVB 140 145 152	#8C9198
83.3%	83.3% #A6AAAF	RVB 166 170 175	#A6AAAF
100.0%	100.0% #C0C3C7	RVB 192 195 199	#C0C3C7

#252E3C #3E4653 #585F6A #727881 #8C9198 #A6AAAF #C0C3C7

#252E3C - #C0C3C7

Mélange HSV

#252E3C - #C0C3C7 | 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 #252E3C 0% et #C0C3C7 100%.

0.0%	0.0% #252D3C	RVB 37 45 60	#252D3C
16.7%	16.7% #384253	RVB 56 66 83	#384253
33.3%	33.3% #4D596A	RVB 77 89 106	#4D596A
50.0%	50.0% #667181	RVB 102 113 129	#667181
66.7%	66.7% #818B98	RVB 129 139 152	#818B98
83.3%	83.3% #9FA6AF	RVB 159 166 175	#9FA6AF
100.0%	100.0% #C0C3C7	RVB 192 195 199	#C0C3C7

#252D3C #384253 #4D596A #667181 #818B98 #9FA6AF #C0C3C7

#252E3C - #667181 - #C0C3C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252D3C 0%, #667181 50%, #C0C3C7 100%);
    background: -webkit-linear-gradient(top, #252D3C 0%, #667181 50%, #C0C3C7 100%);
    background: linear-gradient(to bottom, #252D3C 0%, #667181 50%, #C0C3C7 100%);
}
</style>