#D5E9F0 - #EBECF2 | 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 #D5E9F0 à #EBECF2

#D5E9F0 #EBECF2

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

#D5E9F0 - #EBECF2 | 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 #D5E9F0 0% et #EBECF2 100%.

0.0%	0.0% #D5E9F0	RVB 213 233 240	#D5E9F0
16.7%	16.7% #D8E9F0	RVB 216 233 240	#D8E9F0
33.3%	33.3% #DCEAF0	RVB 220 234 240	#DCEAF0
50.0%	50.0% #E0EAF1	RVB 224 234 241	#E0EAF1
66.7%	66.7% #E3EBF1	RVB 227 235 241	#E3EBF1
83.3%	83.3% #E7EBF1	RVB 231 235 241	#E7EBF1
100.0%	100.0% #EBECF2	RVB 235 236 242	#EBECF2

#D5E9F0 #D8E9F0 #DCEAF0 #E0EAF1 #E3EBF1 #E7EBF1 #EBECF2

#D5E9F0 - #EBECF2

Mélange HSV

#D5E9F0 - #EBECF2 | 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 #D5E9F0 0% et #EBECF2 100%.

0.0%	0.0% #D5E9F0	RVB 213 233 240	#D5E9F0
16.7%	16.7% #D8E7F0	RVB 216 231 240	#D8E7F0
33.3%	33.3% #DCE7F0	RVB 220 231 240	#DCE7F0
50.0%	50.0% #DFE7F1	RVB 223 231 241	#DFE7F1
66.7%	66.7% #E3E8F1	RVB 227 232 241	#E3E8F1
83.3%	83.3% #E7E9F1	RVB 231 233 241	#E7E9F1
100.0%	100.0% #EBECF2	RVB 235 236 242	#EBECF2

#D5E9F0 #D8E7F0 #DCE7F0 #DFE7F1 #E3E8F1 #E7E9F1 #EBECF2

#D5E9F0 - #DFE7F1 - #EBECF2

Codes CSS

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

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