#DD8F8C - #FCDDB0 | 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 #DD8F8C à #FCDDB0

#DD8F8C #FCDDB0

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

#DD8F8C - #FCDDB0 | 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 #DD8F8C 0% et #FCDDB0 100%.

0.0%	0.0% #DD8F8C	RVB 221 143 140	#DD8F8C
16.7%	16.7% #E29C92	RVB 226 156 146	#E29C92
33.3%	33.3% #E7A998	RVB 231 169 152	#E7A998
50.0%	50.0% #ECB69E	RVB 236 182 158	#ECB69E
66.7%	66.7% #F1C3A4	RVB 241 195 164	#F1C3A4
83.3%	83.3% #F6D0AA	RVB 246 208 170	#F6D0AA
100.0%	100.0% #FCDDB0	RVB 252 221 176	#FCDDB0

#DD8F8C #E29C92 #E7A998 #ECB69E #F1C3A4 #F6D0AA #FCDDB0

#DD8F8C - #FCDDB0

Mélange HSV

#DD8F8C - #FCDDB0 | 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 #DD8F8C 0% et #FCDDB0 100%.

0.0%	0.0% #DD8F8C	RVB 221 143 140	#DD8F8C
16.7%	16.7% #E29C91	RVB 226 156 145	#E29C91
33.3%	33.3% #E7A997	RVB 231 169 151	#E7A997
50.0%	50.0% #ECB69D	RVB 236 182 157	#ECB69D
66.7%	66.7% #F1C3A3	RVB 241 195 163	#F1C3A3
83.3%	83.3% #F6D0A9	RVB 246 208 169	#F6D0A9
100.0%	100.0% #FCDDB0	RVB 252 221 176	#FCDDB0

#DD8F8C #E29C91 #E7A997 #ECB69D #F1C3A3 #F6D0A9 #FCDDB0

#DD8F8C - #ECB69D - #FCDDB0

Codes CSS

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

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