#132D3C - #BBC3C7 | 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 #132D3C à #BBC3C7

#132D3C #BBC3C7

Calculez la couleur entre deux couleurs, #132D3C et #BBC3C7. 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)

#132D3C - #BBC3C7 | 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 #132D3C 0% et #BBC3C7 100%.

0.0%	0.0% #132D3C	RVB 19 45 60	#132D3C
16.7%	16.7% #2F4653	RVB 47 70 83	#2F4653
33.3%	33.3% #4B5F6A	RVB 75 95 106	#4B5F6A
50.0%	50.0% #677881	RVB 103 120 129	#677881
66.7%	66.7% #839198	RVB 131 145 152	#839198
83.3%	83.3% #9FAAAF	RVB 159 170 175	#9FAAAF
100.0%	100.0% #BBC3C7	RVB 187 195 199	#BBC3C7

#132D3C #2F4653 #4B5F6A #677881 #839198 #9FAAAF #BBC3C7

#132D3C - #BBC3C7

Mélange HSV

#132D3C - #BBC3C7 | 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 #132D3C 0% et #BBC3C7 100%.

0.0%	0.0% #132D3C	RVB 19 45 60	#132D3C
16.7%	16.7% #224153	RVB 34 65 83	#224153
33.3%	33.3% #37586A	RVB 55 88 106	#37586A
50.0%	50.0% #517081	RVB 81 112 129	#517081
66.7%	66.7% #6F8A98	RVB 111 138 152	#6F8A98
83.3%	83.3% #92A6AF	RVB 146 166 175	#92A6AF
100.0%	100.0% #BBC3C7	RVB 187 195 199	#BBC3C7

#132D3C #224153 #37586A #517081 #6F8A98 #92A6AF #BBC3C7

#132D3C - #517081 - #BBC3C7

Codes CSS

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

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