#C8EB6B - #FFF59D | 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 #C8EB6B à #FFF59D

#C8EB6B #FFF59D

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

#C8EB6B - #FFF59D | 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 #C8EB6B 0% et #FFF59D 100%.

0.0%	0.0% #C8EB6B	RVB 200 235 107	#C8EB6B
16.7%	16.7% #D1EC73	RVB 209 236 115	#D1EC73
33.3%	33.3% #DAEE7B	RVB 218 238 123	#DAEE7B
50.0%	50.0% #E3F084	RVB 227 240 132	#E3F084
66.7%	66.7% #ECF18C	RVB 236 241 140	#ECF18C
83.3%	83.3% #F5F394	RVB 245 243 148	#F5F394
100.0%	100.0% #FFF59D	RVB 255 245 157	#FFF59D

#C8EB6B #D1EC73 #DAEE7B #E3F084 #ECF18C #F5F394 #FFF59D

#C8EB6B - #FFF59D

Mélange HSV

#C8EB6B - #FFF59D | 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 #C8EB6B 0% et #FFF59D 100%.

0.0%	0.0% #C8EB6B	RVB 200 235 107	#C8EB6B
16.7%	16.7% #D4EE72	RVB 212 238 114	#D4EE72
33.3%	33.3% #E0F17A	RVB 224 241 122	#E0F17A
50.0%	50.0% #EBF583	RVB 235 245 131	#EBF583
66.7%	66.7% #F5F88B	RVB 245 248 139	#F5F88B
83.3%	83.3% #FBF794	RVB 251 247 148	#FBF794
100.0%	100.0% #FFF59D	RVB 255 245 157	#FFF59D

#C8EB6B #D4EE72 #E0F17A #EBF583 #F5F88B #FBF794 #FFF59D

#C8EB6B - #EBF583 - #FFF59D

Codes CSS

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

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