#C5EADE - #CFE6CE | 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 #C5EADE à #CFE6CE

#C5EADE #CFE6CE

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

#C5EADE - #CFE6CE | 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 #C5EADE 0% et #CFE6CE 100%.

0.0%	0.0% #C5EADE	RVB 197 234 222	#C5EADE
16.7%	16.7% #C6E9DB	RVB 198 233 219	#C6E9DB
33.3%	33.3% #C8E8D8	RVB 200 232 216	#C8E8D8
50.0%	50.0% #CAE8D6	RVB 202 232 214	#CAE8D6
66.7%	66.7% #CBE7D3	RVB 203 231 211	#CBE7D3
83.3%	83.3% #CDE6D0	RVB 205 230 208	#CDE6D0
100.0%	100.0% #CFE6CE	RVB 207 230 206	#CFE6CE

#C5EADE #C6E9DB #C8E8D8 #CAE8D6 #CBE7D3 #CDE6D0 #CFE6CE

#C5EADE - #CFE6CE

Mélange HSV

#C5EADE - #CFE6CE | 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 #C5EADE 0% et #CFE6CE 100%.

0.0%	0.0% #C5EADE	RVB 197 234 222	#C5EADE
16.7%	16.7% #C6E9D9	RVB 198 233 217	#C6E9D9
33.3%	33.3% #C8E8D6	RVB 200 232 214	#C8E8D6
50.0%	50.0% #C9E8D3	RVB 201 232 211	#C9E8D3
66.7%	66.7% #CBE7D0	RVB 203 231 208	#CBE7D0
83.3%	83.3% #CCE6CE	RVB 204 230 206	#CCE6CE
100.0%	100.0% #CFE6CE	RVB 207 230 206	#CFE6CE

#C5EADE #C6E9D9 #C8E8D6 #C9E8D3 #CBE7D0 #CCE6CE #CFE6CE

#C5EADE - #C9E8D3 - #CFE6CE

Codes CSS

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

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