#073B5E - #B8C7D1 | 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 #073B5E à #B8C7D1

#073B5E #B8C7D1

Calculez la couleur entre deux couleurs, #073B5E et #B8C7D1. 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)

#073B5E - #B8C7D1 | 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 #073B5E 0% et #B8C7D1 100%.

0.0%	0.0% #073B5E	RVB 7 59 94	#073B5E
16.7%	16.7% #245271	RVB 36 82 113	#245271
33.3%	33.3% #426984	RVB 66 105 132	#426984
50.0%	50.0% #5F8197	RVB 95 129 151	#5F8197
66.7%	66.7% #7D98AA	RVB 125 152 170	#7D98AA
83.3%	83.3% #9AAFBD	RVB 154 175 189	#9AAFBD
100.0%	100.0% #B8C7D1	RVB 184 199 209	#B8C7D1

#073B5E #245271 #426984 #5F8197 #7D98AA #9AAFBD #B8C7D1

#073B5E - #B8C7D1

Mélange HSV

#073B5E - #B8C7D1 | 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 #073B5E 0% et #B8C7D1 100%.

0.0%	0.0% #063B5E	RVB 6 59 94	#063B5E
16.7%	16.7% #174D71	RVB 23 77 113	#174D71
33.3%	33.3% #2D6184	RVB 45 97 132	#2D6184
50.0%	50.0% #487797	RVB 72 119 151	#487797
66.7%	66.7% #6890AA	RVB 104 144 170	#6890AA
83.3%	83.3% #8DAABD	RVB 141 170 189	#8DAABD
100.0%	100.0% #B8C7D1	RVB 184 199 209	#B8C7D1

#063B5E #174D71 #2D6184 #487797 #6890AA #8DAABD #B8C7D1

#073B5E - #487797 - #B8C7D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #063B5E 0%, #487797 50%, #B8C7D1 100%);
    background: -webkit-linear-gradient(top, #063B5E 0%, #487797 50%, #B8C7D1 100%);
    background: linear-gradient(to bottom, #063B5E 0%, #487797 50%, #B8C7D1 100%);
}
</style>