#6D9EB1 - #D5E3E8 | 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 #6D9EB1 à #D5E3E8

#6D9EB1 #D5E3E8

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

#6D9EB1 - #D5E3E8 | 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 #6D9EB1 0% et #D5E3E8 100%.

0.0%	0.0% #6D9EB1	RVB 109 158 177	#6D9EB1
16.7%	16.7% #7EA9BA	RVB 126 169 186	#7EA9BA
33.3%	33.3% #8FB5C3	RVB 143 181 195	#8FB5C3
50.0%	50.0% #A1C0CC	RVB 161 192 204	#A1C0CC
66.7%	66.7% #B2CCD5	RVB 178 204 213	#B2CCD5
83.3%	83.3% #C3D7DE	RVB 195 215 222	#C3D7DE
100.0%	100.0% #D5E3E8	RVB 213 227 232	#D5E3E8

#6D9EB1 #7EA9BA #8FB5C3 #A1C0CC #B2CCD5 #C3D7DE #D5E3E8

#6D9EB1 - #D5E3E8

Mélange HSV

#6D9EB1 - #D5E3E8 | 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 #6D9EB1 0% et #D5E3E8 100%.

0.0%	0.0% #6D9EB1	RVB 109 158 177	#6D9EB1
16.7%	16.7% #7CA8BA	RVB 124 168 186	#7CA8BA
33.3%	33.3% #8BB4C3	RVB 139 180 195	#8BB4C3
50.0%	50.0% #9CBFCC	RVB 156 191 204	#9CBFCC
66.7%	66.7% #AECBD5	RVB 174 203 213	#AECBD5
83.3%	83.3% #C1D6DE	RVB 193 214 222	#C1D6DE
100.0%	100.0% #D5E3E8	RVB 213 227 232	#D5E3E8

#6D9EB1 #7CA8BA #8BB4C3 #9CBFCC #AECBD5 #C1D6DE #D5E3E8

#6D9EB1 - #9CBFCC - #D5E3E8

Codes CSS

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

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