#DEE3EB - #899EB5 | 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 #DEE3EB à #899EB5

#DEE3EB #899EB5

Calculez la couleur entre deux couleurs, #DEE3EB et #899EB5. 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)

#DEE3EB - #899EB5 | 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 #DEE3EB 0% et #899EB5 100%.

0.0%	0.0% #DEE3EB	RVB 222 227 235	#DEE3EB
16.7%	16.7% #CFD7E2	RVB 207 215 226	#CFD7E2
33.3%	33.3% #C1CCD9	RVB 193 204 217	#C1CCD9
50.0%	50.0% #B3C0D0	RVB 179 192 208	#B3C0D0
66.7%	66.7% #A5B5C7	RVB 165 181 199	#A5B5C7
83.3%	83.3% #97A9BE	RVB 151 169 190	#97A9BE
100.0%	100.0% #899EB5	RVB 137 158 181	#899EB5

#DEE3EB #CFD7E2 #C1CCD9 #B3C0D0 #A5B5C7 #97A9BE #899EB5

#DEE3EB - #899EB5

Mélange HSV

#DEE3EB - #899EB5 | 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 #DEE3EB 0% et #899EB5 100%.

0.0%	0.0% #DEE3EB	RVB 222 227 235	#DEE3EB
16.7%	16.7% #CED6E2	RVB 206 214 226	#CED6E2
33.3%	33.3% #BFCAD9	RVB 191 202 217	#BFCAD9
50.0%	50.0% #B0BED0	RVB 176 190 208	#B0BED0
66.7%	66.7% #A3B3C7	RVB 163 179 199	#A3B3C7
83.3%	83.3% #95A8BE	RVB 149 168 190	#95A8BE
100.0%	100.0% #899EB5	RVB 137 158 181	#899EB5

#DEE3EB #CED6E2 #BFCAD9 #B0BED0 #A3B3C7 #95A8BE #899EB5

#DEE3EB - #B0BED0 - #899EB5

Codes CSS

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

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