#C4ECCC - #EEF9F0 | 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 #C4ECCC à #EEF9F0

#C4ECCC #EEF9F0

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

#C4ECCC - #EEF9F0 | 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 #C4ECCC 0% et #EEF9F0 100%.

0.0%	0.0% #C4ECCC	RVB 196 236 204	#C4ECCC
16.7%	16.7% #CBEED2	RVB 203 238 210	#CBEED2
33.3%	33.3% #D2F0D8	RVB 210 240 216	#D2F0D8
50.0%	50.0% #D9F2DE	RVB 217 242 222	#D9F2DE
66.7%	66.7% #E0F4E4	RVB 224 244 228	#E0F4E4
83.3%	83.3% #E7F6EA	RVB 231 246 234	#E7F6EA
100.0%	100.0% #EEF9F0	RVB 238 249 240	#EEF9F0

#C4ECCC #CBEED2 #D2F0D8 #D9F2DE #E0F4E4 #E7F6EA #EEF9F0

#C4ECCC - #EEF9F0

Mélange HSV

#C4ECCC - #EEF9F0 | 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 #C4ECCC 0% et #EEF9F0 100%.

0.0%	0.0% #C4ECCC	RVB 196 236 204	#C4ECCC
16.7%	16.7% #CAEED1	RVB 202 238 209	#CAEED1
33.3%	33.3% #D1F0D7	RVB 209 240 215	#D1F0D7
50.0%	50.0% #D8F2DD	RVB 216 242 221	#D8F2DD
66.7%	66.7% #DFF4E3	RVB 223 244 227	#DFF4E3
83.3%	83.3% #E6F6E9	RVB 230 246 233	#E6F6E9
100.0%	100.0% #EEF9F0	RVB 238 249 240	#EEF9F0

#C4ECCC #CAEED1 #D1F0D7 #D8F2DD #DFF4E3 #E6F6E9 #EEF9F0

#C4ECCC - #D8F2DD - #EEF9F0

Codes CSS

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

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