#3E5E83 - #C7D1DB | 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 #3E5E83 à #C7D1DB

#3E5E83 #C7D1DB

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

#3E5E83 - #C7D1DB | 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 #3E5E83 0% et #C7D1DB 100%.

0.0%	0.0% #3E5E83	RVB 62 94 131	#3E5E83
16.7%	16.7% #547191	RVB 84 113 145	#547191
33.3%	33.3% #6B84A0	RVB 107 132 160	#6B84A0
50.0%	50.0% #8297AF	RVB 130 151 175	#8297AF
66.7%	66.7% #99AABD	RVB 153 170 189	#99AABD
83.3%	83.3% #B0BDCC	RVB 176 189 204	#B0BDCC
100.0%	100.0% #C7D1DB	RVB 199 209 219	#C7D1DB

#3E5E83 #547191 #6B84A0 #8297AF #99AABD #B0BDCC #C7D1DB

#3E5E83 - #C7D1DB

Mélange HSV

#3E5E83 - #C7D1DB | 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 #3E5E83 0% et #C7D1DB 100%.

0.0%	0.0% #3E5E83	RVB 62 94 131	#3E5E83
16.7%	16.7% #4F6E91	RVB 79 110 145	#4F6E91
33.3%	33.3% #6380A0	RVB 99 128 160	#6380A0
50.0%	50.0% #7892AF	RVB 120 146 175	#7892AF
66.7%	66.7% #90A6BD	RVB 144 166 189	#90A6BD
83.3%	83.3% #AABBCC	RVB 170 187 204	#AABBCC
100.0%	100.0% #C7D1DB	RVB 199 209 219	#C7D1DB

#3E5E83 #4F6E91 #6380A0 #7892AF #90A6BD #AABBCC #C7D1DB

#3E5E83 - #7892AF - #C7D1DB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E83 0%, #7892AF 50%, #C7D1DB 100%);
    background: -webkit-linear-gradient(top, #3E5E83 0%, #7892AF 50%, #C7D1DB 100%);
    background: linear-gradient(to bottom, #3E5E83 0%, #7892AF 50%, #C7D1DB 100%);
}
</style>