#C2FFE6 - #E3E7D4 | 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 #C2FFE6 à #E3E7D4

#C2FFE6 #E3E7D4

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

#C2FFE6 - #E3E7D4 | 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 #C2FFE6 0% et #E3E7D4 100%.

0.0%	0.0% #C2FFE6	RVB 194 255 230	#C2FFE6
16.7%	16.7% #C7FBE3	RVB 199 251 227	#C7FBE3
33.3%	33.3% #CDF7E0	RVB 205 247 224	#CDF7E0
50.0%	50.0% #D2F3DD	RVB 210 243 221	#D2F3DD
66.7%	66.7% #D8EFDA	RVB 216 239 218	#D8EFDA
83.3%	83.3% #DDEBD7	RVB 221 235 215	#DDEBD7
100.0%	100.0% #E3E7D4	RVB 227 231 212	#E3E7D4

#C2FFE6 #C7FBE3 #CDF7E0 #D2F3DD #D8EFDA #DDEBD7 #E3E7D4

#C2FFE6 - #E3E7D4

Mélange HSV

#C2FFE6 - #E3E7D4 | 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 #C2FFE6 0% et #E3E7D4 100%.

0.0%	0.0% #C2FFE6	RVB 194 255 230	#C2FFE6
16.7%	16.7% #C5FBD8	RVB 197 251 216	#C5FBD8
33.3%	33.3% #C8F7CE	RVB 200 247 206	#C8F7CE
50.0%	50.0% #CFF3CB	RVB 207 243 203	#CFF3CB
66.7%	66.7% #D9EFCE	RVB 217 239 206	#D9EFCE
83.3%	83.3% #DFEBD1	RVB 223 235 209	#DFEBD1
100.0%	100.0% #E3E7D4	RVB 227 231 212	#E3E7D4

#C2FFE6 #C5FBD8 #C8F7CE #CFF3CB #D9EFCE #DFEBD1 #E3E7D4

#C2FFE6 - #CFF3CB - #E3E7D4

Codes CSS

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

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