#6DA7B0 - #D5E5E8 | 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 #6DA7B0 à #D5E5E8

#6DA7B0 #D5E5E8

Calculez la couleur entre deux couleurs, #6DA7B0 et #D5E5E8. 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)

#6DA7B0 - #D5E5E8 | 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 #6DA7B0 0% et #D5E5E8 100%.

0.0%	0.0% #6DA7B0	RVB 109 167 176	#6DA7B0
16.7%	16.7% #7EB1B9	RVB 126 177 185	#7EB1B9
33.3%	33.3% #8FBBC2	RVB 143 187 194	#8FBBC2
50.0%	50.0% #A1C6CC	RVB 161 198 204	#A1C6CC
66.7%	66.7% #B2D0D5	RVB 178 208 213	#B2D0D5
83.3%	83.3% #C3DADE	RVB 195 218 222	#C3DADE
100.0%	100.0% #D5E5E8	RVB 213 229 232	#D5E5E8

#6DA7B0 #7EB1B9 #8FBBC2 #A1C6CC #B2D0D5 #C3DADE #D5E5E8

#6DA7B0 - #D5E5E8

Mélange HSV

#6DA7B0 - #D5E5E8 | 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 #6DA7B0 0% et #D5E5E8 100%.

0.0%	0.0% #6DA7B0	RVB 109 167 176	#6DA7B0
16.7%	16.7% #7CB0B9	RVB 124 176 185	#7CB0B9
33.3%	33.3% #8BBAC2	RVB 139 186 194	#8BBAC2
50.0%	50.0% #9CC5CC	RVB 156 197 204	#9CC5CC
66.7%	66.7% #AECFD5	RVB 174 207 213	#AECFD5
83.3%	83.3% #C1DADE	RVB 193 218 222	#C1DADE
100.0%	100.0% #D5E5E8	RVB 213 229 232	#D5E5E8

#6DA7B0 #7CB0B9 #8BBAC2 #9CC5CC #AECFD5 #C1DADE #D5E5E8

#6DA7B0 - #9CC5CC - #D5E5E8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA7B0 0%, #9CC5CC 50%, #D5E5E8 100%);
    background: -webkit-linear-gradient(top, #6DA7B0 0%, #9CC5CC 50%, #D5E5E8 100%);
    background: linear-gradient(to bottom, #6DA7B0 0%, #9CC5CC 50%, #D5E5E8 100%);
}
</style>