#C8CEC8 - #5E9960 | 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 #C8CEC8 à #5E9960

#C8CEC8 #5E9960

Calculez la couleur entre deux couleurs, #C8CEC8 et #5E9960. 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)

#C8CEC8 - #5E9960 | 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 #C8CEC8 0% et #5E9960 100%.

0.0%	0.0% #C8CEC8	RVB 200 206 200	#C8CEC8
16.7%	16.7% #B6C5B6	RVB 182 197 182	#B6C5B6
33.3%	33.3% #A4BCA5	RVB 164 188 165	#A4BCA5
50.0%	50.0% #93B394	RVB 147 179 148	#93B394
66.7%	66.7% #81AA82	RVB 129 170 130	#81AA82
83.3%	83.3% #6FA171	RVB 111 161 113	#6FA171
100.0%	100.0% #5E9960	RVB 94 153 96	#5E9960

#C8CEC8 #B6C5B6 #A4BCA5 #93B394 #81AA82 #6FA171 #5E9960

#C8CEC8 - #5E9960

Mélange HSV

#C8CEC8 - #5E9960 | 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 #C8CEC8 0% et #5E9960 100%.

0.0%	0.0% #C8CEC8	RVB 200 206 200	#C8CEC8
16.7%	16.7% #B3C5B3	RVB 179 197 179	#B3C5B3
33.3%	33.3% #A0BCA0	RVB 160 188 160	#A0BCA0
50.0%	50.0% #8EB38E	RVB 142 179 142	#8EB38E
66.7%	66.7% #7DAA7E	RVB 125 170 126	#7DAA7E
83.3%	83.3% #6DA16E	RVB 109 161 110	#6DA16E
100.0%	100.0% #5E9960	RVB 94 153 96	#5E9960

#C8CEC8 #B3C5B3 #A0BCA0 #8EB38E #7DAA7E #6DA16E #5E9960

#C8CEC8 - #8EB38E - #5E9960

Codes CSS

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

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