#C2FF13 - #FFABCC | 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 #C2FF13 à #FFABCC

#C2FF13 #FFABCC

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

#C2FF13 - #FFABCC | 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 #C2FF13 0% et #FFABCC 100%.

0.0%	0.0% #C2FF13	RVB 194 255 19	#C2FF13
16.7%	16.7% #CCF131	RVB 204 241 49	#CCF131
33.3%	33.3% #D6E350	RVB 214 227 80	#D6E350
50.0%	50.0% #E0D56F	RVB 224 213 111	#E0D56F
66.7%	66.7% #EAC78E	RVB 234 199 142	#EAC78E
83.3%	83.3% #F4B9AD	RVB 244 185 173	#F4B9AD
100.0%	100.0% #FFABCC	RVB 255 171 204	#FFABCC

#C2FF13 #CCF131 #D6E350 #E0D56F #EAC78E #F4B9AD #FFABCC

#C2FF13 - #FFABCC

Mélange HSV

#C2FF13 - #FFABCC | 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 #C2FF13 0% et #FFABCC 100%.

0.0%	0.0% #C2FF12	RVB 194 255 18	#C2FF12
16.7%	16.7% #FFFB2C	RVB 255 251 44	#FFFB2C
33.3%	33.3% #FFC845	RVB 255 200 69	#FFC845
50.0%	50.0% #FFA45F	RVB 255 164 95	#FFA45F
66.7%	66.7% #FF8D78	RVB 255 141 120	#FF8D78
83.3%	83.3% #FF919E	RVB 255 145 158	#FF919E
100.0%	100.0% #FFABCC	RVB 255 171 204	#FFABCC

#C2FF12 #FFFB2C #FFC845 #FFA45F #FF8D78 #FF919E #FFABCC

#C2FF13 - #FFA45F - #FFABCC

Codes CSS

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

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