#7BA5E6 - #C2D4E3 | 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 #7BA5E6 à #C2D4E3

#7BA5E6 #C2D4E3

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

#7BA5E6 - #C2D4E3 | 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 #7BA5E6 0% et #C2D4E3 100%.

0.0%	0.0% #7BA5E6	RVB 123 165 230	#7BA5E6
16.7%	16.7% #86ACE5	RVB 134 172 229	#86ACE5
33.3%	33.3% #92B4E5	RVB 146 180 229	#92B4E5
50.0%	50.0% #9EBCE4	RVB 158 188 228	#9EBCE4
66.7%	66.7% #AAC4E4	RVB 170 196 228	#AAC4E4
83.3%	83.3% #B6CCE3	RVB 182 204 227	#B6CCE3
100.0%	100.0% #C2D4E3	RVB 194 212 227	#C2D4E3

#7BA5E6 #86ACE5 #92B4E5 #9EBCE4 #AAC4E4 #B6CCE3 #C2D4E3

#7BA5E6 - #C2D4E3

Mélange HSV

#7BA5E6 - #C2D4E3 | 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 #7BA5E6 0% et #C2D4E3 100%.

0.0%	0.0% #7BA5E6	RVB 123 165 230	#7BA5E6
16.7%	16.7% #86AEE5	RVB 134 174 229	#86AEE5
33.3%	33.3% #92B7E5	RVB 146 183 229	#92B7E5
50.0%	50.0% #9EBFE4	RVB 158 191 228	#9EBFE4
66.7%	66.7% #AAC6E4	RVB 170 198 228	#AAC6E4
83.3%	83.3% #B6CDE3	RVB 182 205 227	#B6CDE3
100.0%	100.0% #C2D4E3	RVB 194 212 227	#C2D4E3

#7BA5E6 #86AEE5 #92B7E5 #9EBFE4 #AAC6E4 #B6CDE3 #C2D4E3

#7BA5E6 - #9EBFE4 - #C2D4E3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7BA5E6 0%, #9EBFE4 50%, #C2D4E3 100%);
    background: -webkit-linear-gradient(top, #7BA5E6 0%, #9EBFE4 50%, #C2D4E3 100%);
    background: linear-gradient(to bottom, #7BA5E6 0%, #9EBFE4 50%, #C2D4E3 100%);
}
</style>