#C3ECE5 - #EDF9F7 | 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 #C3ECE5 à #EDF9F7

#C3ECE5 #EDF9F7

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

#C3ECE5 - #EDF9F7 | 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 #C3ECE5 0% et #EDF9F7 100%.

0.0%	0.0% #C3ECE5	RVB 195 236 229	#C3ECE5
16.7%	16.7% #CAEEE8	RVB 202 238 232	#CAEEE8
33.3%	33.3% #D1F0EB	RVB 209 240 235	#D1F0EB
50.0%	50.0% #D8F2EE	RVB 216 242 238	#D8F2EE
66.7%	66.7% #DFF4F1	RVB 223 244 241	#DFF4F1
83.3%	83.3% #E6F6F4	RVB 230 246 244	#E6F6F4
100.0%	100.0% #EDF9F7	RVB 237 249 247	#EDF9F7

#C3ECE5 #CAEEE8 #D1F0EB #D8F2EE #DFF4F1 #E6F6F4 #EDF9F7

#C3ECE5 - #EDF9F7

Mélange HSV

#C3ECE5 - #EDF9F7 | 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 #C3ECE5 0% et #EDF9F7 100%.

0.0%	0.0% #C3ECE5	RVB 195 236 229	#C3ECE5
16.7%	16.7% #C9EEE7	RVB 201 238 231	#C9EEE7
33.3%	33.3% #D0F0EA	RVB 208 240 234	#D0F0EA
50.0%	50.0% #D7F2ED	RVB 215 242 237	#D7F2ED
66.7%	66.7% #DEF4F0	RVB 222 244 240	#DEF4F0
83.3%	83.3% #E5F6F3	RVB 229 246 243	#E5F6F3
100.0%	100.0% #EDF9F7	RVB 237 249 247	#EDF9F7

#C3ECE5 #C9EEE7 #D0F0EA #D7F2ED #DEF4F0 #E5F6F3 #EDF9F7

#C3ECE5 - #D7F2ED - #EDF9F7

Codes CSS

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

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