#D3E5E7 - #EDECEF | 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 #D3E5E7 à #EDECEF

#D3E5E7 #EDECEF

Calculez la couleur entre deux couleurs, #D3E5E7 et #EDECEF. 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)

#D3E5E7 - #EDECEF | 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 #D3E5E7 0% et #EDECEF 100%.

0.0%	0.0% #D3E5E7	RVB 211 229 231	#D3E5E7
16.7%	16.7% #D7E6E8	RVB 215 230 232	#D7E6E8
33.3%	33.3% #DBE7E9	RVB 219 231 233	#DBE7E9
50.0%	50.0% #E0E8EB	RVB 224 232 235	#E0E8EB
66.7%	66.7% #E4E9EC	RVB 228 233 236	#E4E9EC
83.3%	83.3% #E8EAED	RVB 232 234 237	#E8EAED
100.0%	100.0% #EDECEF	RVB 237 236 239	#EDECEF

#D3E5E7 #D7E6E8 #DBE7E9 #E0E8EB #E4E9EC #E8EAED #EDECEF

#D3E5E7 - #EDECEF

Mélange HSV

#D3E5E7 - #EDECEF | 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 #D3E5E7 0% et #EDECEF 100%.

0.0%	0.0% #D3E5E7	RVB 211 229 231	#D3E5E7
16.7%	16.7% #D7E3E8	RVB 215 227 232	#D7E3E8
33.3%	33.3% #DBE2E9	RVB 219 226 233	#DBE2E9
50.0%	50.0% #DFE2EB	RVB 223 226 235	#DFE2EB
66.7%	66.7% #E3E4EC	RVB 227 228 236	#E3E4EC
83.3%	83.3% #E8E7ED	RVB 232 231 237	#E8E7ED
100.0%	100.0% #EDECEF	RVB 237 236 239	#EDECEF

#D3E5E7 #D7E3E8 #DBE2E9 #DFE2EB #E3E4EC #E8E7ED #EDECEF

#D3E5E7 - #DFE2EB - #EDECEF

Codes CSS

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

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