#C0FFE7 - #E6ECCE | 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 #C0FFE7 à #E6ECCE

#C0FFE7 #E6ECCE

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

#C0FFE7 - #E6ECCE | 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 #C0FFE7 0% et #E6ECCE 100%.

0.0%	0.0% #C0FFE7	RVB 192 255 231	#C0FFE7
16.7%	16.7% #C6FBE2	RVB 198 251 226	#C6FBE2
33.3%	33.3% #CCF8DE	RVB 204 248 222	#CCF8DE
50.0%	50.0% #D3F5DA	RVB 211 245 218	#D3F5DA
66.7%	66.7% #D9F2D6	RVB 217 242 214	#D9F2D6
83.3%	83.3% #DFEFD2	RVB 223 239 210	#DFEFD2
100.0%	100.0% #E6ECCE	RVB 230 236 206	#E6ECCE

#C0FFE7 #C6FBE2 #CCF8DE #D3F5DA #D9F2D6 #DFEFD2 #E6ECCE

#C0FFE7 - #E6ECCE

Mélange HSV

#C0FFE7 - #E6ECCE | 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 #C0FFE7 0% et #E6ECCE 100%.

0.0%	0.0% #C0FFE7	RVB 192 255 231	#C0FFE7
16.7%	16.7% #C2FBD8	RVB 194 251 216	#C2FBD8
33.3%	33.3% #C5F8CC	RVB 197 248 204	#C5F8CC
50.0%	50.0% #CBF5C7	RVB 203 245 199	#CBF5C7
66.7%	66.7% #D7F2C9	RVB 215 242 201	#D7F2C9
83.3%	83.3% #DFEFCB	RVB 223 239 203	#DFEFCB
100.0%	100.0% #E6ECCE	RVB 230 236 206	#E6ECCE

#C0FFE7 #C2FBD8 #C5F8CC #CBF5C7 #D7F2C9 #DFEFCB #E6ECCE

#C0FFE7 - #CBF5C7 - #E6ECCE

Codes CSS

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

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