#CBFF5E - #FFF99B | 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 #CBFF5E à #FFF99B

#CBFF5E #FFF99B

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

#CBFF5E - #FFF99B | 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 #CBFF5E 0% et #FFF99B 100%.

0.0%	0.0% #CBFF5E	RVB 203 255 94	#CBFF5E
16.7%	16.7% #D3FE68	RVB 211 254 104	#D3FE68
33.3%	33.3% #DCFD72	RVB 220 253 114	#DCFD72
50.0%	50.0% #E5FC7C	RVB 229 252 124	#E5FC7C
66.7%	66.7% #EDFB86	RVB 237 251 134	#EDFB86
83.3%	83.3% #F6FA90	RVB 246 250 144	#F6FA90
100.0%	100.0% #FFF99B	RVB 255 249 155	#FFF99B

#CBFF5E #D3FE68 #DCFD72 #E5FC7C #EDFB86 #F6FA90 #FFF99B

#CBFF5E - #FFF99B

Mélange HSV

#CBFF5E - #FFF99B | 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 #CBFF5E 0% et #FFF99B 100%.

0.0%	0.0% #CBFF5D	RVB 203 255 93	#CBFF5D
16.7%	16.7% #D7FF68	RVB 215 255 104	#D7FF68
33.3%	33.3% #E3FF72	RVB 227 255 114	#E3FF72
50.0%	50.0% #EDFF7C	RVB 237 255 124	#EDFF7C
66.7%	66.7% #F6FF86	RVB 246 255 134	#F6FF86
83.3%	83.3% #FEFF90	RVB 254 255 144	#FEFF90
100.0%	100.0% #FFF99B	RVB 255 249 155	#FFF99B

#CBFF5D #D7FF68 #E3FF72 #EDFF7C #F6FF86 #FEFF90 #FFF99B

#CBFF5E - #EDFF7C - #FFF99B

Codes CSS

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

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