#B2FF4C - #FFFE8C | 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 #B2FF4C à #FFFE8C

#B2FF4C #FFFE8C

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

#B2FF4C - #FFFE8C | 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 #B2FF4C 0% et #FFFE8C 100%.

0.0%	0.0% #B2FF4C	RVB 178 255 76	#B2FF4C
16.7%	16.7% #BEFE56	RVB 190 254 86	#BEFE56
33.3%	33.3% #CBFE61	RVB 203 254 97	#CBFE61
50.0%	50.0% #D8FE6C	RVB 216 254 108	#D8FE6C
66.7%	66.7% #E5FE76	RVB 229 254 118	#E5FE76
83.3%	83.3% #F2FE81	RVB 242 254 129	#F2FE81
100.0%	100.0% #FFFE8C	RVB 255 254 140	#FFFE8C

#B2FF4C #BEFE56 #CBFE61 #D8FE6C #E5FE76 #F2FE81 #FFFE8C

#B2FF4C - #FFFE8C

Mélange HSV

#B2FF4C - #FFFE8C | 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 #B2FF4C 0% et #FFFE8C 100%.

0.0%	0.0% #B1FF4B	RVB 177 255 75	#B1FF4B
16.7%	16.7% #C2FF56	RVB 194 255 86	#C2FF56
33.3%	33.3% #D2FF61	RVB 210 255 97	#D2FF61
50.0%	50.0% #E0FF6B	RVB 224 255 107	#E0FF6B
66.7%	66.7% #ECFF76	RVB 236 255 118	#ECFF76
83.3%	83.3% #F6FF81	RVB 246 255 129	#F6FF81
100.0%	100.0% #FFFE8C	RVB 255 254 140	#FFFE8C

#B1FF4B #C2FF56 #D2FF61 #E0FF6B #ECFF76 #F6FF81 #FFFE8C

#B2FF4C - #E0FF6B - #FFFE8C

Codes CSS

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

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