#95C5E5 - #3E76AF | 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 #95C5E5 à #3E76AF

#95C5E5 #3E76AF

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

#95C5E5 - #3E76AF | 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 #95C5E5 0% et #3E76AF 100%.

0.0%	0.0% #95C5E5	RVB 149 197 229	#95C5E5
16.7%	16.7% #86B7DC	RVB 134 183 220	#86B7DC
33.3%	33.3% #78AAD3	RVB 120 170 211	#78AAD3
50.0%	50.0% #699DCA	RVB 105 157 202	#699DCA
66.7%	66.7% #5B90C1	RVB 91 144 193	#5B90C1
83.3%	83.3% #4C83B8	RVB 76 131 184	#4C83B8
100.0%	100.0% #3E76AF	RVB 62 118 175	#3E76AF

#95C5E5 #86B7DC #78AAD3 #699DCA #5B90C1 #4C83B8 #3E76AF

#95C5E5 - #3E76AF

Mélange HSV

#95C5E5 - #3E76AF | 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 #95C5E5 0% et #3E76AF 100%.

0.0%	0.0% #95C5E5	RVB 149 197 229	#95C5E5
16.7%	16.7% #84B7DC	RVB 132 183 220	#84B7DC
33.3%	33.3% #74A9D3	RVB 116 169 211	#74A9D3
50.0%	50.0% #659CCA	RVB 101 156 202	#659CCA
66.7%	66.7% #578FC1	RVB 87 143 193	#578FC1
83.3%	83.3% #4A82B8	RVB 74 130 184	#4A82B8
100.0%	100.0% #3E76AF	RVB 62 118 175	#3E76AF

#95C5E5 #84B7DC #74A9D3 #659CCA #578FC1 #4A82B8 #3E76AF

#95C5E5 - #659CCA - #3E76AF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95C5E5 0%, #659CCA 50%, #3E76AF 100%);
    background: -webkit-linear-gradient(top, #95C5E5 0%, #659CCA 50%, #3E76AF 100%);
    background: linear-gradient(to bottom, #95C5E5 0%, #659CCA 50%, #3E76AF 100%);
}
</style>