#CFADE1 - #FFE6D9 | 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 #CFADE1 à #FFE6D9

#CFADE1 #FFE6D9

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

#CFADE1 - #FFE6D9 | 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 #CFADE1 0% et #FFE6D9 100%.

0.0%	0.0% #CFADE1	RVB 207 173 225	#CFADE1
16.7%	16.7% #D7B6DF	RVB 215 182 223	#D7B6DF
33.3%	33.3% #DFC0DE	RVB 223 192 222	#DFC0DE
50.0%	50.0% #E7C9DD	RVB 231 201 221	#E7C9DD
66.7%	66.7% #EFD3DB	RVB 239 211 219	#EFD3DB
83.3%	83.3% #F7DCDA	RVB 247 220 218	#F7DCDA
100.0%	100.0% #FFE6D9	RVB 255 230 217	#FFE6D9

#CFADE1 #D7B6DF #DFC0DE #E7C9DD #EFD3DB #F7DCDA #FFE6D9

#CFADE1 - #FFE6D9

Mélange HSV

#CFADE1 - #FFE6D9 | 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 #CFADE1 0% et #FFE6D9 100%.

0.0%	0.0% #CFADE1	RVB 207 173 225	#CFADE1
16.7%	16.7% #E2B3E6	RVB 226 179 230	#E2B3E6
33.3%	33.3% #EBBBE0	RVB 235 187 224	#EBBBE0
50.0%	50.0% #F0C2D9	RVB 240 194 217	#F0C2D9
66.7%	66.7% #F5C9D3	RVB 245 201 211	#F5C9D3
83.3%	83.3% #FAD3D1	RVB 250 211 209	#FAD3D1
100.0%	100.0% #FFE6D9	RVB 255 230 217	#FFE6D9

#CFADE1 #E2B3E6 #EBBBE0 #F0C2D9 #F5C9D3 #FAD3D1 #FFE6D9

#CFADE1 - #F0C2D9 - #FFE6D9

Codes CSS

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

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