#369C7D - #C5E2D9 | 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 #369C7D à #C5E2D9

#369C7D #C5E2D9

Calculez la couleur entre deux couleurs, #369C7D et #C5E2D9. 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)

#369C7D - #C5E2D9 | 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 #369C7D 0% et #C5E2D9 100%.

0.0%	0.0% #369C7D	RVB 54 156 125	#369C7D
16.7%	16.7% #4DA78C	RVB 77 167 140	#4DA78C
33.3%	33.3% #65B39B	RVB 101 179 155	#65B39B
50.0%	50.0% #7DBFAB	RVB 125 191 171	#7DBFAB
66.7%	66.7% #95CABA	RVB 149 202 186	#95CABA
83.3%	83.3% #ADD6C9	RVB 173 214 201	#ADD6C9
100.0%	100.0% #C5E2D9	RVB 197 226 217	#C5E2D9

#369C7D #4DA78C #65B39B #7DBFAB #95CABA #ADD6C9 #C5E2D9

#369C7D - #C5E2D9

Mélange HSV

#369C7D - #C5E2D9 | 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 #369C7D 0% et #C5E2D9 100%.

0.0%	0.0% #369C7D	RVB 54 156 125	#369C7D
16.7%	16.7% #48A78A	RVB 72 167 138	#48A78A
33.3%	33.3% #5DB399	RVB 93 179 153	#5DB399
50.0%	50.0% #74BFA8	RVB 116 191 168	#74BFA8
66.7%	66.7% #8DCAB7	RVB 141 202 183	#8DCAB7
83.3%	83.3% #A8D6C8	RVB 168 214 200	#A8D6C8
100.0%	100.0% #C5E2D9	RVB 197 226 217	#C5E2D9

#369C7D #48A78A #5DB399 #74BFA8 #8DCAB7 #A8D6C8 #C5E2D9

#369C7D - #74BFA8 - #C5E2D9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #369C7D 0%, #74BFA8 50%, #C5E2D9 100%);
    background: -webkit-linear-gradient(top, #369C7D 0%, #74BFA8 50%, #C5E2D9 100%);
    background: linear-gradient(to bottom, #369C7D 0%, #74BFA8 50%, #C5E2D9 100%);
}
</style>