#103650 - #BBC5CD | 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 #103650 à #BBC5CD

#103650 #BBC5CD

Calculez la couleur entre deux couleurs, #103650 et #BBC5CD. 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)

#103650 - #BBC5CD | 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 #103650 0% et #BBC5CD 100%.

0.0%	0.0% #103650	RVB 16 54 80	#103650
16.7%	16.7% #2C4D64	RVB 44 77 100	#2C4D64
33.3%	33.3% #496579	RVB 73 101 121	#496579
50.0%	50.0% #657D8E	RVB 101 125 142	#657D8E
66.7%	66.7% #8295A3	RVB 130 149 163	#8295A3
83.3%	83.3% #9EADB8	RVB 158 173 184	#9EADB8
100.0%	100.0% #BBC5CD	RVB 187 197 205	#BBC5CD

#103650 #2C4D64 #496579 #657D8E #8295A3 #9EADB8 #BBC5CD

#103650 - #BBC5CD

Mélange HSV

#103650 - #BBC5CD | 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 #103650 0% et #BBC5CD 100%.

0.0%	0.0% #0F3650	RVB 15 54 80	#0F3650
16.7%	16.7% #204864	RVB 32 72 100	#204864
33.3%	33.3% #355C79	RVB 53 92 121	#355C79
50.0%	50.0% #4F738E	RVB 79 115 142	#4F738E
66.7%	66.7% #6E8CA3	RVB 110 140 163	#6E8CA3
83.3%	83.3% #92A7B8	RVB 146 167 184	#92A7B8
100.0%	100.0% #BBC5CD	RVB 187 197 205	#BBC5CD

#0F3650 #204864 #355C79 #4F738E #6E8CA3 #92A7B8 #BBC5CD

#103650 - #4F738E - #BBC5CD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F3650 0%, #4F738E 50%, #BBC5CD 100%);
    background: -webkit-linear-gradient(top, #0F3650 0%, #4F738E 50%, #BBC5CD 100%);
    background: linear-gradient(to bottom, #0F3650 0%, #4F738E 50%, #BBC5CD 100%);
}
</style>