#C5E3C8 - #EDDCFF | 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 #C5E3C8 à #EDDCFF

#C5E3C8 #EDDCFF

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

#C5E3C8 - #EDDCFF | 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 #C5E3C8 0% et #EDDCFF 100%.

0.0%	0.0% #C5E3C8	RVB 197 227 200	#C5E3C8
16.7%	16.7% #CBE1D1	RVB 203 225 209	#CBE1D1
33.3%	33.3% #D2E0DA	RVB 210 224 218	#D2E0DA
50.0%	50.0% #D9DFE3	RVB 217 223 227	#D9DFE3
66.7%	66.7% #DFDEEC	RVB 223 222 236	#DFDEEC
83.3%	83.3% #E6DDF5	RVB 230 221 245	#E6DDF5
100.0%	100.0% #EDDCFF	RVB 237 220 255	#EDDCFF

#C5E3C8 #CBE1D1 #D2E0DA #D9DFE3 #DFDEEC #E6DDF5 #EDDCFF

#C5E3C8 - #EDDCFF

Mélange HSV

#C5E3C8 - #EDDCFF | 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 #C5E3C8 0% et #EDDCFF 100%.

0.0%	0.0% #C5E3C8	RVB 197 227 200	#C5E3C8
16.7%	16.7% #C8E7D8	RVB 200 231 216	#C8E7D8
33.3%	33.3% #CCECE9	RVB 204 236 233	#CCECE9
50.0%	50.0% #D0E7F1	RVB 208 231 241	#D0E7F1
66.7%	66.7% #D4DEF5	RVB 212 222 245	#D4DEF5
83.3%	83.3% #DBD8FA	RVB 219 216 250	#DBD8FA
100.0%	100.0% #EDDCFF	RVB 237 220 255	#EDDCFF

#C5E3C8 #C8E7D8 #CCECE9 #D0E7F1 #D4DEF5 #DBD8FA #EDDCFF

#C5E3C8 - #D0E7F1 - #EDDCFF

Codes CSS

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

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