#A8C4A1 - #F5E6B0 | 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 #A8C4A1 à #F5E6B0

#A8C4A1 #F5E6B0

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

#A8C4A1 - #F5E6B0 | 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 #A8C4A1 0% et #F5E6B0 100%.

0.0%	0.0% #A8C4A1	RVB 168 196 161	#A8C4A1
16.7%	16.7% #B4C9A3	RVB 180 201 163	#B4C9A3
33.3%	33.3% #C1CFA6	RVB 193 207 166	#C1CFA6
50.0%	50.0% #CED5A8	RVB 206 213 168	#CED5A8
66.7%	66.7% #DBDAAB	RVB 219 218 171	#DBDAAB
83.3%	83.3% #E8E0AD	RVB 232 224 173	#E8E0AD
100.0%	100.0% #F5E6B0	RVB 245 230 176	#F5E6B0

#A8C4A1 #B4C9A3 #C1CFA6 #CED5A8 #DBDAAB #E8E0AD #F5E6B0

#A8C4A1 - #F5E6B0

Mélange HSV

#A8C4A1 - #F5E6B0 | 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 #A8C4A1 0% et #F5E6B0 100%.

0.0%	0.0% #A8C4A1	RVB 168 196 161	#A8C4A1
16.7%	16.7% #B2CCA4	RVB 178 204 164	#B2CCA4
33.3%	33.3% #BFD4A7	RVB 191 212 167	#BFD4A7
50.0%	50.0% #CDDCA9	RVB 205 220 169	#CDDCA9
66.7%	66.7% #DDE4AC	RVB 221 228 172	#DDE4AC
83.3%	83.3% #ECE9AE	RVB 236 233 174	#ECE9AE
100.0%	100.0% #F5E6B0	RVB 245 230 176	#F5E6B0

#A8C4A1 #B2CCA4 #BFD4A7 #CDDCA9 #DDE4AC #ECE9AE #F5E6B0

#A8C4A1 - #CDDCA9 - #F5E6B0

Codes CSS

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

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