#6DAD9F - #D5E7E3 | 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 #6DAD9F à #D5E7E3

#6DAD9F #D5E7E3

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

#6DAD9F - #D5E7E3 | 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 #6DAD9F 0% et #D5E7E3 100%.

0.0%	0.0% #6DAD9F	RVB 109 173 159	#6DAD9F
16.7%	16.7% #7EB6AA	RVB 126 182 170	#7EB6AA
33.3%	33.3% #8FC0B5	RVB 143 192 181	#8FC0B5
50.0%	50.0% #A1CAC1	RVB 161 202 193	#A1CAC1
66.7%	66.7% #B2D3CC	RVB 178 211 204	#B2D3CC
83.3%	83.3% #C3DDD7	RVB 195 221 215	#C3DDD7
100.0%	100.0% #D5E7E3	RVB 213 231 227	#D5E7E3

#6DAD9F #7EB6AA #8FC0B5 #A1CAC1 #B2D3CC #C3DDD7 #D5E7E3

#6DAD9F - #D5E7E3

Mélange HSV

#6DAD9F - #D5E7E3 | 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 #6DAD9F 0% et #D5E7E3 100%.

0.0%	0.0% #6DAD9F	RVB 109 173 159	#6DAD9F
16.7%	16.7% #7BB6A9	RVB 123 182 169	#7BB6A9
33.3%	33.3% #8BC0B4	RVB 139 192 180	#8BC0B4
50.0%	50.0% #9CCAC0	RVB 156 202 192	#9CCAC0
66.7%	66.7% #AED3CB	RVB 174 211 203	#AED3CB
83.3%	83.3% #C1DDD7	RVB 193 221 215	#C1DDD7
100.0%	100.0% #D5E7E3	RVB 213 231 227	#D5E7E3

#6DAD9F #7BB6A9 #8BC0B4 #9CCAC0 #AED3CB #C1DDD7 #D5E7E3

#6DAD9F - #9CCAC0 - #D5E7E3

Codes CSS

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

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