#DF9C9C - #F5E2E2 | 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 #DF9C9C à #F5E2E2

#DF9C9C #F5E2E2

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

#DF9C9C - #F5E2E2 | 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 #DF9C9C 0% et #F5E2E2 100%.

0.0%	0.0% #DF9C9C	RVB 223 156 156	#DF9C9C
16.7%	16.7% #E2A7A7	RVB 226 167 167	#E2A7A7
33.3%	33.3% #E6B3B3	RVB 230 179 179	#E6B3B3
50.0%	50.0% #EABFBF	RVB 234 191 191	#EABFBF
66.7%	66.7% #EDCACA	RVB 237 202 202	#EDCACA
83.3%	83.3% #F1D6D6	RVB 241 214 214	#F1D6D6
100.0%	100.0% #F5E2E2	RVB 245 226 226	#F5E2E2

#DF9C9C #E2A7A7 #E6B3B3 #EABFBF #EDCACA #F1D6D6 #F5E2E2

#DF9C9C - #F5E2E2

Mélange HSV

#DF9C9C - #F5E2E2 | 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 #DF9C9C 0% et #F5E2E2 100%.

0.0%	0.0% #DF9C9C	RVB 223 156 156	#DF9C9C
16.7%	16.7% #E2A6A6	RVB 226 166 166	#E2A6A6
33.3%	33.3% #E6B2B2	RVB 230 178 178	#E6B2B2
50.0%	50.0% #EABDBD	RVB 234 189 189	#EABDBD
66.7%	66.7% #EDC9C9	RVB 237 201 201	#EDC9C9
83.3%	83.3% #F1D5D5	RVB 241 213 213	#F1D5D5
100.0%	100.0% #F5E2E2	RVB 245 226 226	#F5E2E2

#DF9C9C #E2A6A6 #E6B2B2 #EABDBD #EDC9C9 #F1D5D5 #F5E2E2

#DF9C9C - #EABDBD - #F5E2E2

Codes CSS

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

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