#C7FF8C - #FFDBA8 | 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 #C7FF8C à #FFDBA8

#C7FF8C #FFDBA8

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

#C7FF8C - #FFDBA8 | 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 #C7FF8C 0% et #FFDBA8 100%.

0.0%	0.0% #C7FF8C	RVB 199 255 140	#C7FF8C
16.7%	16.7% #D0F990	RVB 208 249 144	#D0F990
33.3%	33.3% #D9F395	RVB 217 243 149	#D9F395
50.0%	50.0% #E3ED9A	RVB 227 237 154	#E3ED9A
66.7%	66.7% #ECE79E	RVB 236 231 158	#ECE79E
83.3%	83.3% #F5E1A3	RVB 245 225 163	#F5E1A3
100.0%	100.0% #FFDBA8	RVB 255 219 168	#FFDBA8

#C7FF8C #D0F990 #D9F395 #E3ED9A #ECE79E #F5E1A3 #FFDBA8

#C7FF8C - #FFDBA8

Mélange HSV

#C7FF8C - #FFDBA8 | 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 #C7FF8C 0% et #FFDBA8 100%.

0.0%	0.0% #C7FF8C	RVB 199 255 140	#C7FF8C
16.7%	16.7% #D9FF90	RVB 217 255 144	#D9FF90
33.3%	33.3% #EBFF95	RVB 235 255 149	#EBFF95
50.0%	50.0% #FBFF9A	RVB 251 255 154	#FBFF9A
66.7%	66.7% #FFF49E	RVB 255 244 158	#FFF49E
83.3%	83.3% #FFE6A3	RVB 255 230 163	#FFE6A3
100.0%	100.0% #FFDBA8	RVB 255 219 168	#FFDBA8

#C7FF8C #D9FF90 #EBFF95 #FBFF9A #FFF49E #FFE6A3 #FFDBA8

#C7FF8C - #FBFF9A - #FFDBA8

Codes CSS

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

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