#C7E7E5 - #EFF8F7 | 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 #C7E7E5 à #EFF8F7

#C7E7E5 #EFF8F7

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

#C7E7E5 - #EFF8F7 | 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 #C7E7E5 0% et #EFF8F7 100%.

0.0%	0.0% #C7E7E5	RVB 199 231 229	#C7E7E5
16.7%	16.7% #CDE9E8	RVB 205 233 232	#CDE9E8
33.3%	33.3% #D4ECEB	RVB 212 236 235	#D4ECEB
50.0%	50.0% #DBEFEE	RVB 219 239 238	#DBEFEE
66.7%	66.7% #E1F2F1	RVB 225 242 241	#E1F2F1
83.3%	83.3% #E8F5F4	RVB 232 245 244	#E8F5F4
100.0%	100.0% #EFF8F7	RVB 239 248 247	#EFF8F7

#C7E7E5 #CDE9E8 #D4ECEB #DBEFEE #E1F2F1 #E8F5F4 #EFF8F7

#C7E7E5 - #EFF8F7

Mélange HSV

#C7E7E5 - #EFF8F7 | 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 #C7E7E5 0% et #EFF8F7 100%.

0.0%	0.0% #C7E7E5	RVB 199 231 229	#C7E7E5
16.7%	16.7% #CDE9E7	RVB 205 233 231	#CDE9E7
33.3%	33.3% #D3ECEA	RVB 211 236 234	#D3ECEA
50.0%	50.0% #DAEFED	RVB 218 239 237	#DAEFED
66.7%	66.7% #E1F2F0	RVB 225 242 240	#E1F2F0
83.3%	83.3% #E8F5F3	RVB 232 245 243	#E8F5F3
100.0%	100.0% #EFF8F7	RVB 239 248 247	#EFF8F7

#C7E7E5 #CDE9E7 #D3ECEA #DAEFED #E1F2F0 #E8F5F3 #EFF8F7

#C7E7E5 - #DAEFED - #EFF8F7

Codes CSS

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

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