#C5EAB7 - #FEEFC5 | 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 #C5EAB7 à #FEEFC5

#C5EAB7 #FEEFC5

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

#C5EAB7 - #FEEFC5 | 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 #C5EAB7 0% et #FEEFC5 100%.

0.0%	0.0% #C5EAB7	RVB 197 234 183	#C5EAB7
16.7%	16.7% #CEEAB9	RVB 206 234 185	#CEEAB9
33.3%	33.3% #D8EBBB	RVB 216 235 187	#D8EBBB
50.0%	50.0% #E1ECBE	RVB 225 236 190	#E1ECBE
66.7%	66.7% #EBEDC0	RVB 235 237 192	#EBEDC0
83.3%	83.3% #F4EEC2	RVB 244 238 194	#F4EEC2
100.0%	100.0% #FEEFC5	RVB 254 239 197	#FEEFC5

#C5EAB7 #CEEAB9 #D8EBBB #E1ECBE #EBEDC0 #F4EEC2 #FEEFC5

#C5EAB7 - #FEEFC5

Mélange HSV

#C5EAB7 - #FEEFC5 | 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 #C5EAB7 0% et #FEEFC5 100%.

0.0%	0.0% #C5EAB7	RVB 197 234 183	#C5EAB7
16.7%	16.7% #D0EDB9	RVB 208 237 185	#D0EDB9
33.3%	33.3% #DBF0BB	RVB 219 240 187	#DBF0BB
50.0%	50.0% #E7F4BE	RVB 231 244 190	#E7F4BE
66.7%	66.7% #F3F7C0	RVB 243 247 192	#F3F7C0
83.3%	83.3% #FAF5C2	RVB 250 245 194	#FAF5C2
100.0%	100.0% #FEEFC5	RVB 254 239 197	#FEEFC5

#C5EAB7 #D0EDB9 #DBF0BB #E7F4BE #F3F7C0 #FAF5C2 #FEEFC5

#C5EAB7 - #E7F4BE - #FEEFC5

Codes CSS

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

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