#DA8C8C - #FCDBB0 | 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 #DA8C8C à #FCDBB0

#DA8C8C #FCDBB0

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

#DA8C8C - #FCDBB0 | 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 #DA8C8C 0% et #FCDBB0 100%.

0.0%	0.0% #DA8C8C	RVB 218 140 140	#DA8C8C
16.7%	16.7% #DF9992	RVB 223 153 146	#DF9992
33.3%	33.3% #E5A698	RVB 229 166 152	#E5A698
50.0%	50.0% #EBB39E	RVB 235 179 158	#EBB39E
66.7%	66.7% #F0C0A4	RVB 240 192 164	#F0C0A4
83.3%	83.3% #F6CDAA	RVB 246 205 170	#F6CDAA
100.0%	100.0% #FCDBB0	RVB 252 219 176	#FCDBB0

#DA8C8C #DF9992 #E5A698 #EBB39E #F0C0A4 #F6CDAA #FCDBB0

#DA8C8C - #FCDBB0

Mélange HSV

#DA8C8C - #FCDBB0 | 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 #DA8C8C 0% et #FCDBB0 100%.

0.0%	0.0% #DA8C8C	RVB 218 140 140	#DA8C8C
16.7%	16.7% #DF9991	RVB 223 153 145	#DF9991
33.3%	33.3% #E5A697	RVB 229 166 151	#E5A697
50.0%	50.0% #EBB39D	RVB 235 179 157	#EBB39D
66.7%	66.7% #F0C0A3	RVB 240 192 163	#F0C0A3
83.3%	83.3% #F6CDA9	RVB 246 205 169	#F6CDA9
100.0%	100.0% #FCDBB0	RVB 252 219 176	#FCDBB0

#DA8C8C #DF9991 #E5A697 #EBB39D #F0C0A3 #F6CDA9 #FCDBB0

#DA8C8C - #EBB39D - #FCDBB0

Codes CSS

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

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