#C2ECE2 - #FCFFFC | 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 #C2ECE2 à #FCFFFC

#C2ECE2 #FCFFFC

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

#C2ECE2 - #FCFFFC | 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 #C2ECE2 0% et #FCFFFC 100%.

0.0%	0.0% #C2ECE2	RVB 194 236 226	#C2ECE2
16.7%	16.7% #CBEFE6	RVB 203 239 230	#CBEFE6
33.3%	33.3% #D5F2EA	RVB 213 242 234	#D5F2EA
50.0%	50.0% #DFF5EF	RVB 223 245 239	#DFF5EF
66.7%	66.7% #E8F8F3	RVB 232 248 243	#E8F8F3
83.3%	83.3% #F2FBF7	RVB 242 251 247	#F2FBF7
100.0%	100.0% #FCFFFC	RVB 252 255 252	#FCFFFC

#C2ECE2 #CBEFE6 #D5F2EA #DFF5EF #E8F8F3 #F2FBF7 #FCFFFC

#C2ECE2 - #FCFFFC

Mélange HSV

#C2ECE2 - #FCFFFC | 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 #C2ECE2 0% et #FCFFFC 100%.

0.0%	0.0% #C2ECE2	RVB 194 236 226	#C2ECE2
16.7%	16.7% #CBEFE2	RVB 203 239 226	#CBEFE2
33.3%	33.3% #D4F2E3	RVB 212 242 227	#D4F2E3
50.0%	50.0% #DEF5E7	RVB 222 245 231	#DEF5E7
66.7%	66.7% #E7F8EC	RVB 231 248 236	#E7F8EC
83.3%	83.3% #F1FBF3	RVB 241 251 243	#F1FBF3
100.0%	100.0% #FCFFFC	RVB 252 255 252	#FCFFFC

#C2ECE2 #CBEFE2 #D4F2E3 #DEF5E7 #E7F8EC #F1FBF3 #FCFFFC

#C2ECE2 - #DEF5E7 - #FCFFFC

Codes CSS

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

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