#DF5C92 - #FFBFAE | 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 #DF5C92 à #FFBFAE

#DF5C92 #FFBFAE

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

#DF5C92 - #FFBFAE | 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 #DF5C92 0% et #FFBFAE 100%.

0.0%	0.0% #DF5C92	RVB 223 92 146	#DF5C92
16.7%	16.7% #E46C96	RVB 228 108 150	#E46C96
33.3%	33.3% #E97D9B	RVB 233 125 155	#E97D9B
50.0%	50.0% #EF8DA0	RVB 239 141 160	#EF8DA0
66.7%	66.7% #F49EA4	RVB 244 158 164	#F49EA4
83.3%	83.3% #F9AEA9	RVB 249 174 169	#F9AEA9
100.0%	100.0% #FFBFAE	RVB 255 191 174	#FFBFAE

#DF5C92 #E46C96 #E97D9B #EF8DA0 #F49EA4 #F9AEA9 #FFBFAE

#DF5C92 - #FFBFAE

Mélange HSV

#DF5C92 - #FFBFAE | 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 #DF5C92 0% et #FFBFAE 100%.

0.0%	0.0% #DF5C92	RVB 223 92 146	#DF5C92
16.7%	16.7% #E4688E	RVB 228 104 142	#E4688E
33.3%	33.3% #E9758D	RVB 233 117 141	#E9758D
50.0%	50.0% #EF828D	RVB 239 130 141	#EF828D
66.7%	66.7% #F49090	RVB 244 144 144	#F49090
83.3%	83.3% #F9A89F	RVB 249 168 159	#F9A89F
100.0%	100.0% #FFBFAE	RVB 255 191 174	#FFBFAE

#DF5C92 #E4688E #E9758D #EF828D #F49090 #F9A89F #FFBFAE

#DF5C92 - #EF828D - #FFBFAE

Codes CSS

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

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