#3C80A8 - #B0C8C7 | 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 #3C80A8 à #B0C8C7

#3C80A8 #B0C8C7

Calculez la couleur entre deux couleurs, #3C80A8 et #B0C8C7. 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)

#3C80A8 - #B0C8C7 | 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 #3C80A8 0% et #B0C8C7 100%.

0.0%	0.0% #3C80A8	RVB 60 128 168	#3C80A8
16.7%	16.7% #4F8CAD	RVB 79 140 173	#4F8CAD
33.3%	33.3% #6298B2	RVB 98 152 178	#6298B2
50.0%	50.0% #76A4B7	RVB 118 164 183	#76A4B7
66.7%	66.7% #89B0BC	RVB 137 176 188	#89B0BC
83.3%	83.3% #9CBCC1	RVB 156 188 193	#9CBCC1
100.0%	100.0% #B0C8C7	RVB 176 200 199	#B0C8C7

#3C80A8 #4F8CAD #6298B2 #76A4B7 #89B0BC #9CBCC1 #B0C8C7

#3C80A8 - #B0C8C7

Mélange HSV

#3C80A8 - #B0C8C7 | 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 #3C80A8 0% et #B0C8C7 100%.

0.0%	0.0% #3C7FA8	RVB 60 127 168	#3C7FA8
16.7%	16.7% #4D90AD	RVB 77 144 173	#4D90AD
33.3%	33.3% #5E9FB2	RVB 94 159 178	#5E9FB2
50.0%	50.0% #71ACB8	RVB 113 172 184	#71ACB8
66.7%	66.7% #85B8BD	RVB 133 184 189	#85B8BD
83.3%	83.3% #9AC1C2	RVB 154 193 194	#9AC1C2
100.0%	100.0% #B0C8C7	RVB 176 200 199	#B0C8C7

#3C7FA8 #4D90AD #5E9FB2 #71ACB8 #85B8BD #9AC1C2 #B0C8C7

#3C80A8 - #71ACB8 - #B0C8C7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7FA8 0%, #71ACB8 50%, #B0C8C7 100%);
    background: -webkit-linear-gradient(top, #3C7FA8 0%, #71ACB8 50%, #B0C8C7 100%);
    background: linear-gradient(to bottom, #3C7FA8 0%, #71ACB8 50%, #B0C8C7 100%);
}
</style>