#C5E5AE - #FEF0C2 | 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 #C5E5AE à #FEF0C2

#C5E5AE #FEF0C2

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

#C5E5AE - #FEF0C2 | 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 #C5E5AE 0% et #FEF0C2 100%.

0.0%	0.0% #C5E5AE	RVB 197 229 174	#C5E5AE
16.7%	16.7% #CEE6B1	RVB 206 230 177	#CEE6B1
33.3%	33.3% #D8E8B4	RVB 216 232 180	#D8E8B4
50.0%	50.0% #E1EAB8	RVB 225 234 184	#E1EAB8
66.7%	66.7% #EBECBB	RVB 235 236 187	#EBECBB
83.3%	83.3% #F4EEBE	RVB 244 238 190	#F4EEBE
100.0%	100.0% #FEF0C2	RVB 254 240 194	#FEF0C2

#C5E5AE #CEE6B1 #D8E8B4 #E1EAB8 #EBECBB #F4EEBE #FEF0C2

#C5E5AE - #FEF0C2

Mélange HSV

#C5E5AE - #FEF0C2 | 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 #C5E5AE 0% et #FEF0C2 100%.

0.0%	0.0% #C5E5AE	RVB 197 229 174	#C5E5AE
16.7%	16.7% #D0E9B1	RVB 208 233 177	#D0E9B1
33.3%	33.3% #DBEDB4	RVB 219 237 180	#DBEDB4
50.0%	50.0% #E7F1B7	RVB 231 241 183	#E7F1B7
66.7%	66.7% #F3F5BB	RVB 243 245 187	#F3F5BB
83.3%	83.3% #F9F4BE	RVB 249 244 190	#F9F4BE
100.0%	100.0% #FEF0C2	RVB 254 240 194	#FEF0C2

#C5E5AE #D0E9B1 #DBEDB4 #E7F1B7 #F3F5BB #F9F4BE #FEF0C2

#C5E5AE - #E7F1B7 - #FEF0C2

Codes CSS

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

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