#DB9292 - #FCDFB7 | 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 #DB9292 à #FCDFB7

#DB9292 #FCDFB7

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

#DB9292 - #FCDFB7 | 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 #DB9292 0% et #FCDFB7 100%.

0.0%	0.0% #DB9292	RVB 219 146 146	#DB9292
16.7%	16.7% #E09E98	RVB 224 158 152	#E09E98
33.3%	33.3% #E6AB9E	RVB 230 171 158	#E6AB9E
50.0%	50.0% #EBB8A4	RVB 235 184 164	#EBB8A4
66.7%	66.7% #F1C5AA	RVB 241 197 170	#F1C5AA
83.3%	83.3% #F6D2B0	RVB 246 210 176	#F6D2B0
100.0%	100.0% #FCDFB7	RVB 252 223 183	#FCDFB7

#DB9292 #E09E98 #E6AB9E #EBB8A4 #F1C5AA #F6D2B0 #FCDFB7

#DB9292 - #FCDFB7

Mélange HSV

#DB9292 - #FCDFB7 | 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 #DB9292 0% et #FCDFB7 100%.

0.0%	0.0% #DB9292	RVB 219 146 146	#DB9292
16.7%	16.7% #E09E97	RVB 224 158 151	#E09E97
33.3%	33.3% #E6AB9D	RVB 230 171 157	#E6AB9D
50.0%	50.0% #EBB8A4	RVB 235 184 164	#EBB8A4
66.7%	66.7% #F1C5AA	RVB 241 197 170	#F1C5AA
83.3%	83.3% #F6D2B0	RVB 246 210 176	#F6D2B0
100.0%	100.0% #FCDFB7	RVB 252 223 183	#FCDFB7

#DB9292 #E09E97 #E6AB9D #EBB8A4 #F1C5AA #F6D2B0 #FCDFB7

#DB9292 - #EBB8A4 - #FCDFB7

Codes CSS

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

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