#CDEC5E - #8EC31D | 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 #CDEC5E à #8EC31D

#CDEC5E #8EC31D

Calculez la couleur entre deux couleurs, #CDEC5E et #8EC31D. 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)

#CDEC5E - #8EC31D | 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 #CDEC5E 0% et #8EC31D 100%.

0.0%	0.0% #CDEC5E	RVB 205 236 94	#CDEC5E
16.7%	16.7% #C2E553	RVB 194 229 83	#C2E553
33.3%	33.3% #B8DE48	RVB 184 222 72	#B8DE48
50.0%	50.0% #ADD73D	RVB 173 215 61	#ADD73D
66.7%	66.7% #A3D032	RVB 163 208 50	#A3D032
83.3%	83.3% #98C927	RVB 152 201 39	#98C927
100.0%	100.0% #8EC31D	RVB 142 195 29	#8EC31D

#CDEC5E #C2E553 #B8DE48 #ADD73D #A3D032 #98C927 #8EC31D

#CDEC5E - #8EC31D

Mélange HSV

#CDEC5E - #8EC31D | 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 #CDEC5E 0% et #8EC31D 100%.

0.0%	0.0% #CDEC5E	RVB 205 236 94	#CDEC5E
16.7%	16.7% #C2E551	RVB 194 229 81	#C2E551
33.3%	33.3% #B7DE46	RVB 183 222 70	#B7DE46
50.0%	50.0% #ADD73A	RVB 173 215 58	#ADD73A
66.7%	66.7% #A2D030	RVB 162 208 48	#A2D030
83.3%	83.3% #98C926	RVB 152 201 38	#98C926
100.0%	100.0% #8EC31D	RVB 142 195 29	#8EC31D

#CDEC5E #C2E551 #B7DE46 #ADD73A #A2D030 #98C926 #8EC31D

#CDEC5E - #ADD73A - #8EC31D

Codes CSS

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

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