#D1E5E7 - #839CB1 | 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 #D1E5E7 à #839CB1

#D1E5E7 #839CB1

Calculez la couleur entre deux couleurs, #D1E5E7 et #839CB1. 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)

#D1E5E7 - #839CB1 | 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 #D1E5E7 0% et #839CB1 100%.

0.0%	0.0% #D1E5E7	RVB 209 229 231	#D1E5E7
16.7%	16.7% #C4D8DE	RVB 196 216 222	#C4D8DE
33.3%	33.3% #B7CCD5	RVB 183 204 213	#B7CCD5
50.0%	50.0% #AAC0CC	RVB 170 192 204	#AAC0CC
66.7%	66.7% #9DB4C3	RVB 157 180 195	#9DB4C3
83.3%	83.3% #90A8BA	RVB 144 168 186	#90A8BA
100.0%	100.0% #839CB1	RVB 131 156 177	#839CB1

#D1E5E7 #C4D8DE #B7CCD5 #AAC0CC #9DB4C3 #90A8BA #839CB1

#D1E5E7 - #839CB1

Mélange HSV

#D1E5E7 - #839CB1 | 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 #D1E5E7 0% et #839CB1 100%.

0.0%	0.0% #D1E5E7	RVB 209 229 231	#D1E5E7
16.7%	16.7% #C2D9DE	RVB 194 217 222	#C2D9DE
33.3%	33.3% #B5CED5	RVB 181 206 213	#B5CED5
50.0%	50.0% #A7C2CC	RVB 167 194 204	#A7C2CC
66.7%	66.7% #9BB5C3	RVB 155 181 195	#9BB5C3
83.3%	83.3% #8EA8BA	RVB 142 168 186	#8EA8BA
100.0%	100.0% #839CB1	RVB 131 156 177	#839CB1

#D1E5E7 #C2D9DE #B5CED5 #A7C2CC #9BB5C3 #8EA8BA #839CB1

#D1E5E7 - #A7C2CC - #839CB1

Codes CSS

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

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