#D4D4D3 - #FEF0DB | 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 #D4D4D3 à #FEF0DB

#D4D4D3 #FEF0DB

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

#D4D4D3 - #FEF0DB | 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 #D4D4D3 0% et #FEF0DB 100%.

0.0%	0.0% #D4D4D3	RVB 212 212 211	#D4D4D3
16.7%	16.7% #DBD8D4	RVB 219 216 212	#DBD8D4
33.3%	33.3% #E2DDD5	RVB 226 221 213	#E2DDD5
50.0%	50.0% #E9E2D7	RVB 233 226 215	#E9E2D7
66.7%	66.7% #F0E6D8	RVB 240 230 216	#F0E6D8
83.3%	83.3% #F7EBD9	RVB 247 235 217	#F7EBD9
100.0%	100.0% #FEF0DB	RVB 254 240 219	#FEF0DB

#D4D4D3 #DBD8D4 #E2DDD5 #E9E2D7 #F0E6D8 #F7EBD9 #FEF0DB

#D4D4D3 - #FEF0DB

Mélange HSV

#D4D4D3 - #FEF0DB | 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 #D4D4D3 0% et #FEF0DB 100%.

0.0%	0.0% #D4D4D3	RVB 212 212 211	#D4D4D3
16.7%	16.7% #DBDAD5	RVB 219 218 213	#DBDAD5
33.3%	33.3% #E2E0D6	RVB 226 224 214	#E2E0D6
50.0%	50.0% #E9E5D8	RVB 233 229 216	#E9E5D8
66.7%	66.7% #F0EAD9	RVB 240 234 217	#F0EAD9
83.3%	83.3% #F7EDDA	RVB 247 237 218	#F7EDDA
100.0%	100.0% #FEF0DB	RVB 254 240 219	#FEF0DB

#D4D4D3 #DBDAD5 #E2E0D6 #E9E5D8 #F0EAD9 #F7EDDA #FEF0DB

#D4D4D3 - #E9E5D8 - #FEF0DB

Codes CSS

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

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