#C5E2D1 - #5EB291 | 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 à #5EB291

#C5E2D1 #5EB291

Calculez la couleur entre deux couleurs, #C5E2D1 et #5EB291. 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 - #5EB291 | 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 #5EB291 100%.

0.0%	0.0% #C5E2D1	RVB 197 226 209	#C5E2D1
16.7%	16.7% #B3DAC6	RVB 179 218 198	#B3DAC6
33.3%	33.3% #A2D2BB	RVB 162 210 187	#A2D2BB
50.0%	50.0% #91CAB1	RVB 145 202 177	#91CAB1
66.7%	66.7% #80C2A6	RVB 128 194 166	#80C2A6
83.3%	83.3% #6FBA9B	RVB 111 186 155	#6FBA9B
100.0%	100.0% #5EB291	RVB 94 178 145	#5EB291

#C5E2D1 #B3DAC6 #A2D2BB #91CAB1 #80C2A6 #6FBA9B #5EB291

#C5E2D1 - #5EB291

Mélange HSV

#C5E2D1 - #5EB291 | 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 #5EB291 100%.

0.0%	0.0% #C5E2D1	RVB 197 226 209	#C5E2D1
16.7%	16.7% #B1DAC3	RVB 177 218 195	#B1DAC3
33.3%	33.3% #9FD2B7	RVB 159 210 183	#9FD2B7
50.0%	50.0% #8DCAAC	RVB 141 202 172	#8DCAAC
66.7%	66.7% #7CC2A2	RVB 124 194 162	#7CC2A2
83.3%	83.3% #6CBA99	RVB 108 186 153	#6CBA99
100.0%	100.0% #5EB291	RVB 94 178 145	#5EB291

#C5E2D1 #B1DAC3 #9FD2B7 #8DCAAC #7CC2A2 #6CBA99 #5EB291

#C5E2D1 - #8DCAAC - #5EB291

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2D1 0%, #8DCAAC 50%, #5EB291 100%);
    background: -webkit-linear-gradient(top, #C5E2D1 0%, #8DCAAC 50%, #5EB291 100%);
    background: linear-gradient(to bottom, #C5E2D1 0%, #8DCAAC 50%, #5EB291 100%);
}
</style>