#C5E7E6 - #EEF8F7 | 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 #C5E7E6 à #EEF8F7

#C5E7E6 #EEF8F7

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

#C5E7E6 - #EEF8F7 | 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 #C5E7E6 0% et #EEF8F7 100%.

0.0%	0.0% #C5E7E6	RVB 197 231 230	#C5E7E6
16.7%	16.7% #CBE9E8	RVB 203 233 232	#CBE9E8
33.3%	33.3% #D2ECEB	RVB 210 236 235	#D2ECEB
50.0%	50.0% #D9EFEE	RVB 217 239 238	#D9EFEE
66.7%	66.7% #E0F2F1	RVB 224 242 241	#E0F2F1
83.3%	83.3% #E7F5F4	RVB 231 245 244	#E7F5F4
100.0%	100.0% #EEF8F7	RVB 238 248 247	#EEF8F7

#C5E7E6 #CBE9E8 #D2ECEB #D9EFEE #E0F2F1 #E7F5F4 #EEF8F7

#C5E7E6 - #EEF8F7

Mélange HSV

#C5E7E6 - #EEF8F7 | 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 #C5E7E6 0% et #EEF8F7 100%.

0.0%	0.0% #C5E7E6	RVB 197 231 230	#C5E7E6
16.7%	16.7% #CBE9E8	RVB 203 233 232	#CBE9E8
33.3%	33.3% #D2ECEB	RVB 210 236 235	#D2ECEB
50.0%	50.0% #D9EFEE	RVB 217 239 238	#D9EFEE
66.7%	66.7% #DFF2F0	RVB 223 242 240	#DFF2F0
83.3%	83.3% #E6F5F3	RVB 230 245 243	#E6F5F3
100.0%	100.0% #EEF8F7	RVB 238 248 247	#EEF8F7

#C5E7E6 #CBE9E8 #D2ECEB #D9EFEE #DFF2F0 #E6F5F3 #EEF8F7

#C5E7E6 - #D9EFEE - #EEF8F7

Codes CSS

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

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