#C2FF4D - #FFFC8F | 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 #C2FF4D à #FFFC8F

#C2FF4D #FFFC8F

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

#C2FF4D - #FFFC8F | 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 #C2FF4D 0% et #FFFC8F 100%.

0.0%	0.0% #C2FF4D	RVB 194 255 77	#C2FF4D
16.7%	16.7% #CCFE58	RVB 204 254 88	#CCFE58
33.3%	33.3% #D6FE63	RVB 214 254 99	#D6FE63
50.0%	50.0% #E0FD6E	RVB 224 253 110	#E0FD6E
66.7%	66.7% #EAFD79	RVB 234 253 121	#EAFD79
83.3%	83.3% #F4FC84	RVB 244 252 132	#F4FC84
100.0%	100.0% #FFFC8F	RVB 255 252 143	#FFFC8F

#C2FF4D #CCFE58 #D6FE63 #E0FD6E #EAFD79 #F4FC84 #FFFC8F

#C2FF4D - #FFFC8F

Mélange HSV

#C2FF4D - #FFFC8F | 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 #C2FF4D 0% et #FFFC8F 100%.

0.0%	0.0% #C2FF4D	RVB 194 255 77	#C2FF4D
16.7%	16.7% #D0FF58	RVB 208 255 88	#D0FF58
33.3%	33.3% #DCFF63	RVB 220 255 99	#DCFF63
50.0%	50.0% #E8FF6E	RVB 232 255 110	#E8FF6E
66.7%	66.7% #F2FF79	RVB 242 255 121	#F2FF79
83.3%	83.3% #FAFF84	RVB 250 255 132	#FAFF84
100.0%	100.0% #FFFC8F	RVB 255 252 143	#FFFC8F

#C2FF4D #D0FF58 #DCFF63 #E8FF6E #F2FF79 #FAFF84 #FFFC8F

#C2FF4D - #E8FF6E - #FFFC8F

Codes CSS

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

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