#C9ECDF - #D5E8D4 | 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 #C9ECDF à #D5E8D4

#C9ECDF #D5E8D4

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

#C9ECDF - #D5E8D4 | 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 #C9ECDF 0% et #D5E8D4 100%.

0.0%	0.0% #C9ECDF	RVB 201 236 223	#C9ECDF
16.7%	16.7% #CBEBDD	RVB 203 235 221	#CBEBDD
33.3%	33.3% #CDEADB	RVB 205 234 219	#CDEADB
50.0%	50.0% #CFEAD9	RVB 207 234 217	#CFEAD9
66.7%	66.7% #D1E9D7	RVB 209 233 215	#D1E9D7
83.3%	83.3% #D3E8D5	RVB 211 232 213	#D3E8D5
100.0%	100.0% #D5E8D4	RVB 213 232 212	#D5E8D4

#C9ECDF #CBEBDD #CDEADB #CFEAD9 #D1E9D7 #D3E8D5 #D5E8D4

#C9ECDF - #D5E8D4

Mélange HSV

#C9ECDF - #D5E8D4 | 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 #C9ECDF 0% et #D5E8D4 100%.

0.0%	0.0% #C9ECDF	RVB 201 236 223	#C9ECDF
16.7%	16.7% #CAEBDB	RVB 202 235 219	#CAEBDB
33.3%	33.3% #CCEAD8	RVB 204 234 216	#CCEAD8
50.0%	50.0% #CEEAD6	RVB 206 234 214	#CEEAD6
66.7%	66.7% #D0E9D4	RVB 208 233 212	#D0E9D4
83.3%	83.3% #D2E8D3	RVB 210 232 211	#D2E8D3
100.0%	100.0% #D5E8D4	RVB 213 232 212	#D5E8D4

#C9ECDF #CAEBDB #CCEAD8 #CEEAD6 #D0E9D4 #D2E8D3 #D5E8D4

#C9ECDF - #CEEAD6 - #D5E8D4

Codes CSS

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

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