#3E9EB6 - #C7E3EA | 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 #3E9EB6 à #C7E3EA

#3E9EB6 #C7E3EA

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

#3E9EB6 - #C7E3EA | 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 #3E9EB6 0% et #C7E3EA 100%.

0.0%	0.0% #3E9EB6	RVB 62 158 182	#3E9EB6
16.7%	16.7% #54A9BE	RVB 84 169 190	#54A9BE
33.3%	33.3% #6BB5C7	RVB 107 181 199	#6BB5C7
50.0%	50.0% #82C0D0	RVB 130 192 208	#82C0D0
66.7%	66.7% #99CCD8	RVB 153 204 216	#99CCD8
83.3%	83.3% #B0D7E1	RVB 176 215 225	#B0D7E1
100.0%	100.0% #C7E3EA	RVB 199 227 234	#C7E3EA

#3E9EB6 #54A9BE #6BB5C7 #82C0D0 #99CCD8 #B0D7E1 #C7E3EA

#3E9EB6 - #C7E3EA

Mélange HSV

#3E9EB6 - #C7E3EA | 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 #3E9EB6 0% et #C7E3EA 100%.

0.0%	0.0% #3E9EB6	RVB 62 158 182	#3E9EB6
16.7%	16.7% #51A8BE	RVB 81 168 190	#51A8BE
33.3%	33.3% #65B3C7	RVB 101 179 199	#65B3C7
50.0%	50.0% #7BBFD0	RVB 123 191 208	#7BBFD0
66.7%	66.7% #93CAD8	RVB 147 202 216	#93CAD8
83.3%	83.3% #ACD6E1	RVB 172 214 225	#ACD6E1
100.0%	100.0% #C7E3EA	RVB 199 227 234	#C7E3EA

#3E9EB6 #51A8BE #65B3C7 #7BBFD0 #93CAD8 #ACD6E1 #C7E3EA

#3E9EB6 - #7BBFD0 - #C7E3EA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E9EB6 0%, #7BBFD0 50%, #C7E3EA 100%);
    background: -webkit-linear-gradient(top, #3E9EB6 0%, #7BBFD0 50%, #C7E3EA 100%);
    background: linear-gradient(to bottom, #3E9EB6 0%, #7BBFD0 50%, #C7E3EA 100%);
}
</style>