#61C5E5 - #DBE3DA | 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 #61C5E5 à #DBE3DA

#61C5E5 #DBE3DA

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

#61C5E5 - #DBE3DA | 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 #61C5E5 0% et #DBE3DA 100%.

0.0%	0.0% #61C5E5	RVB 97 197 229	#61C5E5
16.7%	16.7% #75CAE3	RVB 117 202 227	#75CAE3
33.3%	33.3% #89CFE1	RVB 137 207 225	#89CFE1
50.0%	50.0% #9ED4DF	RVB 158 212 223	#9ED4DF
66.7%	66.7% #B2D9DD	RVB 178 217 221	#B2D9DD
83.3%	83.3% #C6DEDB	RVB 198 222 219	#C6DEDB
100.0%	100.0% #DBE3DA	RVB 219 227 218	#DBE3DA

#61C5E5 #75CAE3 #89CFE1 #9ED4DF #B2D9DD #C6DEDB #DBE3DA

#61C5E5 - #DBE3DA

Mélange HSV

#61C5E5 - #DBE3DA | 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 #61C5E5 0% et #DBE3DA 100%.

0.0%	0.0% #61C5E5	RVB 97 197 229	#61C5E5
16.7%	16.7% #75E2E4	RVB 117 226 228	#75E2E4
33.3%	33.3% #89E4D1	RVB 137 228 209	#89E4D1
50.0%	50.0% #9DE4C5	RVB 157 228 197	#9DE4C5
66.7%	66.7% #B1E3C2	RVB 177 227 194	#B1E3C2
83.3%	83.3% #C5E3C9	RVB 197 227 201	#C5E3C9
100.0%	100.0% #DBE3DA	RVB 219 227 218	#DBE3DA

#61C5E5 #75E2E4 #89E4D1 #9DE4C5 #B1E3C2 #C5E3C9 #DBE3DA

#61C5E5 - #9DE4C5 - #DBE3DA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61C5E5 0%, #9DE4C5 50%, #DBE3DA 100%);
    background: -webkit-linear-gradient(top, #61C5E5 0%, #9DE4C5 50%, #DBE3DA 100%);
    background: linear-gradient(to bottom, #61C5E5 0%, #9DE4C5 50%, #DBE3DA 100%);
}
</style>