#C5EAD7 - #63BCA8 | 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 #C5EAD7 à #63BCA8

#C5EAD7 #63BCA8

Calculez la couleur entre deux couleurs, #C5EAD7 et #63BCA8. 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)

#C5EAD7 - #63BCA8 | 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 #C5EAD7 0% et #63BCA8 100%.

0.0%	0.0% #C5EAD7	RVB 197 234 215	#C5EAD7
16.7%	16.7% #B4E2CF	RVB 180 226 207	#B4E2CF
33.3%	33.3% #A4DAC7	RVB 164 218 199	#A4DAC7
50.0%	50.0% #94D3BF	RVB 148 211 191	#94D3BF
66.7%	66.7% #83CBB7	RVB 131 203 183	#83CBB7
83.3%	83.3% #73C3AF	RVB 115 195 175	#73C3AF
100.0%	100.0% #63BCA8	RVB 99 188 168	#63BCA8

#C5EAD7 #B4E2CF #A4DAC7 #94D3BF #83CBB7 #73C3AF #63BCA8

#C5EAD7 - #63BCA8

Mélange HSV

#C5EAD7 - #63BCA8 | 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 #C5EAD7 0% et #63BCA8 100%.

0.0%	0.0% #C5EAD7	RVB 197 234 215	#C5EAD7
16.7%	16.7% #B2E2CC	RVB 178 226 204	#B2E2CC
33.3%	33.3% #A1DAC2	RVB 161 218 194	#A1DAC2
50.0%	50.0% #90D3BA	RVB 144 211 186	#90D3BA
66.7%	66.7% #80CBB3	RVB 128 203 179	#80CBB3
83.3%	83.3% #71C3AD	RVB 113 195 173	#71C3AD
100.0%	100.0% #63BCA8	RVB 99 188 168	#63BCA8

#C5EAD7 #B2E2CC #A1DAC2 #90D3BA #80CBB3 #71C3AD #63BCA8

#C5EAD7 - #90D3BA - #63BCA8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EAD7 0%, #90D3BA 50%, #63BCA8 100%);
    background: -webkit-linear-gradient(top, #C5EAD7 0%, #90D3BA 50%, #63BCA8 100%);
    background: linear-gradient(to bottom, #C5EAD7 0%, #90D3BA 50%, #63BCA8 100%);
}
</style>