#0FD2FF - #B9F9DA | 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 #0FD2FF à #B9F9DA

#0FD2FF #B9F9DA

Calculez la couleur entre deux couleurs, #0FD2FF et #B9F9DA. 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)

#0FD2FF - #B9F9DA | 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 #0FD2FF 0% et #B9F9DA 100%.

0.0%	0.0% #0FD2FF	RVB 15 210 255	#0FD2FF
16.7%	16.7% #2BD8F8	RVB 43 216 248	#2BD8F8
33.3%	33.3% #47DFF2	RVB 71 223 242	#47DFF2
50.0%	50.0% #64E5EC	RVB 100 229 236	#64E5EC
66.7%	66.7% #80ECE6	RVB 128 236 230	#80ECE6
83.3%	83.3% #9CF2E0	RVB 156 242 224	#9CF2E0
100.0%	100.0% #B9F9DA	RVB 185 249 218	#B9F9DA

#0FD2FF #2BD8F8 #47DFF2 #64E5EC #80ECE6 #9CF2E0 #B9F9DA

#0FD2FF - #B9F9DA

Mélange HSV

#0FD2FF - #B9F9DA | 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 #0FD2FF 0% et #B9F9DA 100%.

0.0%	0.0% #0ED2FF	RVB 14 210 255	#0ED2FF
16.7%	16.7% #2BEEFE	RVB 43 238 254	#2BEEFE
33.3%	33.3% #48FDF6	RVB 72 253 246	#48FDF6
50.0%	50.0% #65FCE5	RVB 101 252 229	#65FCE5
66.7%	66.7% #81FBDB	RVB 129 251 219	#81FBDB
83.3%	83.3% #9DFAD7	RVB 157 250 215	#9DFAD7
100.0%	100.0% #B9F9DA	RVB 185 249 218	#B9F9DA

#0ED2FF #2BEEFE #48FDF6 #65FCE5 #81FBDB #9DFAD7 #B9F9DA

#0FD2FF - #65FCE5 - #B9F9DA

Codes CSS

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

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