#C5E2D1 - #66AE9F | 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 #C5E2D1 à #66AE9F

#C5E2D1 #66AE9F

Calculez la couleur entre deux couleurs, #C5E2D1 et #66AE9F. 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)

#C5E2D1 - #66AE9F | 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 #C5E2D1 0% et #66AE9F 100%.

0.0%	0.0% #C5E2D1	RVB 197 226 209	#C5E2D1
16.7%	16.7% #B5D9C8	RVB 181 217 200	#B5D9C8
33.3%	33.3% #A5D0C0	RVB 165 208 192	#A5D0C0
50.0%	50.0% #95C8B8	RVB 149 200 184	#95C8B8
66.7%	66.7% #85BFAF	RVB 133 191 175	#85BFAF
83.3%	83.3% #75B6A7	RVB 117 182 167	#75B6A7
100.0%	100.0% #66AE9F	RVB 102 174 159	#66AE9F

#C5E2D1 #B5D9C8 #A5D0C0 #95C8B8 #85BFAF #75B6A7 #66AE9F

#C5E2D1 - #66AE9F

Mélange HSV

#C5E2D1 - #66AE9F | 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 #C5E2D1 0% et #66AE9F 100%.

0.0%	0.0% #C5E2D1	RVB 197 226 209	#C5E2D1
16.7%	16.7% #B3D9C5	RVB 179 217 197	#B3D9C5
33.3%	33.3% #A2D0BB	RVB 162 208 187	#A2D0BB
50.0%	50.0% #91C8B2	RVB 145 200 178	#91C8B2
66.7%	66.7% #82BFAA	RVB 130 191 170	#82BFAA
83.3%	83.3% #73B6A4	RVB 115 182 164	#73B6A4
100.0%	100.0% #66AE9F	RVB 102 174 159	#66AE9F

#C5E2D1 #B3D9C5 #A2D0BB #91C8B2 #82BFAA #73B6A4 #66AE9F

#C5E2D1 - #91C8B2 - #66AE9F

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2D1 0%, #91C8B2 50%, #66AE9F 100%);
    background: -webkit-linear-gradient(top, #C5E2D1 0%, #91C8B2 50%, #66AE9F 100%);
    background: linear-gradient(to bottom, #C5E2D1 0%, #91C8B2 50%, #66AE9F 100%);
}
</style>