#3E5E92 - #C7D1DF | 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 #3E5E92 à #C7D1DF

#3E5E92 #C7D1DF

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

#3E5E92 - #C7D1DF | 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 #3E5E92 0% et #C7D1DF 100%.

0.0%	0.0% #3E5E92	RVB 62 94 146	#3E5E92
16.7%	16.7% #54719E	RVB 84 113 158	#54719E
33.3%	33.3% #6B84AB	RVB 107 132 171	#6B84AB
50.0%	50.0% #8297B8	RVB 130 151 184	#8297B8
66.7%	66.7% #99AAC5	RVB 153 170 197	#99AAC5
83.3%	83.3% #B0BDD2	RVB 176 189 210	#B0BDD2
100.0%	100.0% #C7D1DF	RVB 199 209 223	#C7D1DF

#3E5E92 #54719E #6B84AB #8297B8 #99AAC5 #B0BDD2 #C7D1DF

#3E5E92 - #C7D1DF

Mélange HSV

#3E5E92 - #C7D1DF | 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 #3E5E92 0% et #C7D1DF 100%.

0.0%	0.0% #3E5D92	RVB 62 93 146	#3E5D92
16.7%	16.7% #4F6E9E	RVB 79 110 158	#4F6E9E
33.3%	33.3% #637FAB	RVB 99 127 171	#637FAB
50.0%	50.0% #7992B8	RVB 121 146 184	#7992B8
66.7%	66.7% #91A6C5	RVB 145 166 197	#91A6C5
83.3%	83.3% #ABBBD2	RVB 171 187 210	#ABBBD2
100.0%	100.0% #C7D1DF	RVB 199 209 223	#C7D1DF

#3E5D92 #4F6E9E #637FAB #7992B8 #91A6C5 #ABBBD2 #C7D1DF

#3E5E92 - #7992B8 - #C7D1DF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D92 0%, #7992B8 50%, #C7D1DF 100%);
    background: -webkit-linear-gradient(top, #3E5D92 0%, #7992B8 50%, #C7D1DF 100%);
    background: linear-gradient(to bottom, #3E5D92 0%, #7992B8 50%, #C7D1DF 100%);
}
</style>