#DFBBC7 - #FFF0DB | 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 #DFBBC7 à #FFF0DB

#DFBBC7 #FFF0DB

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

#DFBBC7 - #FFF0DB | 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 #DFBBC7 0% et #FFF0DB 100%.

0.0%	0.0% #DFBBC7	RVB 223 187 199	#DFBBC7
16.7%	16.7% #E4C3CA	RVB 228 195 202	#E4C3CA
33.3%	33.3% #E9CCCD	RVB 233 204 205	#E9CCCD
50.0%	50.0% #EFD5D1	RVB 239 213 209	#EFD5D1
66.7%	66.7% #F4DED4	RVB 244 222 212	#F4DED4
83.3%	83.3% #F9E7D7	RVB 249 231 215	#F9E7D7
100.0%	100.0% #FFF0DB	RVB 255 240 219	#FFF0DB

#DFBBC7 #E4C3CA #E9CCCD #EFD5D1 #F4DED4 #F9E7D7 #FFF0DB

#DFBBC7 - #FFF0DB

Mélange HSV

#DFBBC7 - #FFF0DB | 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 #DFBBC7 0% et #FFF0DB 100%.

0.0%	0.0% #DFBBC7	RVB 223 187 199	#DFBBC7
16.7%	16.7% #E4C0C6	RVB 228 192 198	#E4C0C6
33.3%	33.3% #E9C5C6	RVB 233 197 198	#E9C5C6
50.0%	50.0% #EFCFCA	RVB 239 207 202	#EFCFCA
66.7%	66.7% #F4DAD0	RVB 244 218 208	#F4DAD0
83.3%	83.3% #F9E5D5	RVB 249 229 213	#F9E5D5
100.0%	100.0% #FFF0DB	RVB 255 240 219	#FFF0DB

#DFBBC7 #E4C0C6 #E9C5C6 #EFCFCA #F4DAD0 #F9E5D5 #FFF0DB

#DFBBC7 - #EFCFCA - #FFF0DB

Codes CSS

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

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