#D5E3CC - #8CBE7B | 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 #D5E3CC à #8CBE7B

#D5E3CC #8CBE7B

Calculez la couleur entre deux couleurs, #D5E3CC et #8CBE7B. 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)

#D5E3CC - #8CBE7B | 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 #D5E3CC 0% et #8CBE7B 100%.

0.0%	0.0% #D5E3CC	RVB 213 227 204	#D5E3CC
16.7%	16.7% #C8DCBE	RVB 200 220 190	#C8DCBE
33.3%	33.3% #BCD6B1	RVB 188 214 177	#BCD6B1
50.0%	50.0% #B0D0A3	RVB 176 208 163	#B0D0A3
66.7%	66.7% #A4CA96	RVB 164 202 150	#A4CA96
83.3%	83.3% #98C488	RVB 152 196 136	#98C488
100.0%	100.0% #8CBE7B	RVB 140 190 123	#8CBE7B

#D5E3CC #C8DCBE #BCD6B1 #B0D0A3 #A4CA96 #98C488 #8CBE7B

#D5E3CC - #8CBE7B

Mélange HSV

#D5E3CC - #8CBE7B | 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 #D5E3CC 0% et #8CBE7B 100%.

0.0%	0.0% #D5E3CC	RVB 213 227 204	#D5E3CC
16.7%	16.7% #C8DCBD	RVB 200 220 189	#C8DCBD
33.3%	33.3% #BCD6AE	RVB 188 214 174	#BCD6AE
50.0%	50.0% #B0D0A1	RVB 176 208 161	#B0D0A1
66.7%	66.7% #A4CA93	RVB 164 202 147	#A4CA93
83.3%	83.3% #98C487	RVB 152 196 135	#98C487
100.0%	100.0% #8CBE7B	RVB 140 190 123	#8CBE7B

#D5E3CC #C8DCBD #BCD6AE #B0D0A1 #A4CA93 #98C487 #8CBE7B

#D5E3CC - #B0D0A1 - #8CBE7B

Codes CSS

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

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