#D5E5ED - #829EB9 | 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 #D5E5ED à #829EB9

#D5E5ED #829EB9

Calculez la couleur entre deux couleurs, #D5E5ED et #829EB9. 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)

#D5E5ED - #829EB9 | 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 #D5E5ED 0% et #829EB9 100%.

0.0%	0.0% #D5E5ED	RVB 213 229 237	#D5E5ED
16.7%	16.7% #C7D9E4	RVB 199 217 228	#C7D9E4
33.3%	33.3% #B9CDDB	RVB 185 205 219	#B9CDDB
50.0%	50.0% #ABC1D3	RVB 171 193 211	#ABC1D3
66.7%	66.7% #9DB5CA	RVB 157 181 202	#9DB5CA
83.3%	83.3% #8FA9C1	RVB 143 169 193	#8FA9C1
100.0%	100.0% #829EB9	RVB 130 158 185	#829EB9

#D5E5ED #C7D9E4 #B9CDDB #ABC1D3 #9DB5CA #8FA9C1 #829EB9

#D5E5ED - #829EB9

Mélange HSV

#D5E5ED - #829EB9 | 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 #D5E5ED 0% et #829EB9 100%.

0.0%	0.0% #D5E5ED	RVB 213 229 237	#D5E5ED
16.7%	16.7% #C5D9E4	RVB 197 217 228	#C5D9E4
33.3%	33.3% #B7CDDB	RVB 183 205 219	#B7CDDB
50.0%	50.0% #A8C1D3	RVB 168 193 211	#A8C1D3
66.7%	66.7% #9BB5CA	RVB 155 181 202	#9BB5CA
83.3%	83.3% #8EA9C1	RVB 142 169 193	#8EA9C1
100.0%	100.0% #829EB9	RVB 130 158 185	#829EB9

#D5E5ED #C5D9E4 #B7CDDB #A8C1D3 #9BB5CA #8EA9C1 #829EB9

#D5E5ED - #A8C1D3 - #829EB9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E5ED 0%, #A8C1D3 50%, #829EB9 100%);
    background: -webkit-linear-gradient(top, #D5E5ED 0%, #A8C1D3 50%, #829EB9 100%);
    background: linear-gradient(to bottom, #D5E5ED 0%, #A8C1D3 50%, #829EB9 100%);
}
</style>