#DFB6B8 - #F5EAEA | 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 #DFB6B8 à #F5EAEA

#DFB6B8 #F5EAEA

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

#DFB6B8 - #F5EAEA | 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 #DFB6B8 0% et #F5EAEA 100%.

0.0%	0.0% #DFB6B8	RVB 223 182 184	#DFB6B8
16.7%	16.7% #E2BEC0	RVB 226 190 192	#E2BEC0
33.3%	33.3% #E6C7C8	RVB 230 199 200	#E6C7C8
50.0%	50.0% #EAD0D1	RVB 234 208 209	#EAD0D1
66.7%	66.7% #EDD8D9	RVB 237 216 217	#EDD8D9
83.3%	83.3% #F1E1E1	RVB 241 225 225	#F1E1E1
100.0%	100.0% #F5EAEA	RVB 245 234 234	#F5EAEA

#DFB6B8 #E2BEC0 #E6C7C8 #EAD0D1 #EDD8D9 #F1E1E1 #F5EAEA

#DFB6B8 - #F5EAEA

Mélange HSV

#DFB6B8 - #F5EAEA | 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 #DFB6B8 0% et #F5EAEA 100%.

0.0%	0.0% #DFB6B8	RVB 223 182 184	#DFB6B8
16.7%	16.7% #E2BEBF	RVB 226 190 191	#E2BEBF
33.3%	33.3% #E6C6C7	RVB 230 198 199	#E6C6C7
50.0%	50.0% #EACFCF	RVB 234 207 207	#EACFCF
66.7%	66.7% #EDD7D8	RVB 237 215 216	#EDD7D8
83.3%	83.3% #F1E0E1	RVB 241 224 225	#F1E0E1
100.0%	100.0% #F5EAEA	RVB 245 234 234	#F5EAEA

#DFB6B8 #E2BEBF #E6C6C7 #EACFCF #EDD7D8 #F1E0E1 #F5EAEA

#DFB6B8 - #EACFCF - #F5EAEA

Codes CSS

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

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