#DEC3C3 - #FFF5E1 | 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 #DEC3C3 à #FFF5E1

#DEC3C3 #FFF5E1

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

#DEC3C3 - #FFF5E1 | 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 #DEC3C3 0% et #FFF5E1 100%.

0.0%	0.0% #DEC3C3	RVB 222 195 195	#DEC3C3
16.7%	16.7% #E3CBC8	RVB 227 203 200	#E3CBC8
33.3%	33.3% #E9D3CD	RVB 233 211 205	#E9D3CD
50.0%	50.0% #EEDCD2	RVB 238 220 210	#EEDCD2
66.7%	66.7% #F4E4D7	RVB 244 228 215	#F4E4D7
83.3%	83.3% #F9ECDC	RVB 249 236 220	#F9ECDC
100.0%	100.0% #FFF5E1	RVB 255 245 225	#FFF5E1

#DEC3C3 #E3CBC8 #E9D3CD #EEDCD2 #F4E4D7 #F9ECDC #FFF5E1

#DEC3C3 - #FFF5E1

Mélange HSV

#DEC3C3 - #FFF5E1 | 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 #DEC3C3 0% et #FFF5E1 100%.

0.0%	0.0% #DEC3C3	RVB 222 195 195	#DEC3C3
16.7%	16.7% #E3CBC7	RVB 227 203 199	#E3CBC7
33.3%	33.3% #E9D3CC	RVB 233 211 204	#E9D3CC
50.0%	50.0% #EEDBD1	RVB 238 219 209	#EEDBD1
66.7%	66.7% #F4E3D6	RVB 244 227 214	#F4E3D6
83.3%	83.3% #F9ECDB	RVB 249 236 219	#F9ECDB
100.0%	100.0% #FFF5E1	RVB 255 245 225	#FFF5E1

#DEC3C3 #E3CBC7 #E9D3CC #EEDBD1 #F4E3D6 #F9ECDB #FFF5E1

#DEC3C3 - #EEDBD1 - #FFF5E1

Codes CSS

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

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