#AF8C8C - #E8DEDE | 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 #AF8C8C à #E8DEDE

#AF8C8C #E8DEDE

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

#AF8C8C - #E8DEDE | 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 #AF8C8C 0% et #E8DEDE 100%.

0.0%	0.0% #AF8C8C	RVB 175 140 140	#AF8C8C
16.7%	16.7% #B89999	RVB 184 153 153	#B89999
33.3%	33.3% #C2A7A7	RVB 194 167 167	#C2A7A7
50.0%	50.0% #CBB5B5	RVB 203 181 181	#CBB5B5
66.7%	66.7% #D5C2C2	RVB 213 194 194	#D5C2C2
83.3%	83.3% #DED0D0	RVB 222 208 208	#DED0D0
100.0%	100.0% #E8DEDE	RVB 232 222 222	#E8DEDE

#AF8C8C #B89999 #C2A7A7 #CBB5B5 #D5C2C2 #DED0D0 #E8DEDE

#AF8C8C - #E8DEDE

Mélange HSV

#AF8C8C - #E8DEDE | 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 #AF8C8C 0% et #E8DEDE 100%.

0.0%	0.0% #AF8C8C	RVB 175 140 140	#AF8C8C
16.7%	16.7% #B89898	RVB 184 152 152	#B89898
33.3%	33.3% #C2A5A5	RVB 194 165 165	#C2A5A5
50.0%	50.0% #CBB2B2	RVB 203 178 178	#CBB2B2
66.7%	66.7% #D5C0C0	RVB 213 192 192	#D5C0C0
83.3%	83.3% #DECFCF	RVB 222 207 207	#DECFCF
100.0%	100.0% #E8DEDE	RVB 232 222 222	#E8DEDE

#AF8C8C #B89898 #C2A5A5 #CBB2B2 #D5C0C0 #DECFCF #E8DEDE

#AF8C8C - #CBB2B2 - #E8DEDE

Codes CSS

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

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