#BCFDFF - #4FCECE | 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 #BCFDFF à #4FCECE

#BCFDFF #4FCECE

Calculez la couleur entre deux couleurs, #BCFDFF et #4FCECE. 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)

#BCFDFF - #4FCECE | 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 #BCFDFF 0% et #4FCECE 100%.

0.0%	0.0% #BCFDFF	RVB 188 253 255	#BCFDFF
16.7%	16.7% #A9F5F6	RVB 169 245 246	#A9F5F6
33.3%	33.3% #97EDEE	RVB 151 237 238	#97EDEE
50.0%	50.0% #85E5E6	RVB 133 229 230	#85E5E6
66.7%	66.7% #73DDDE	RVB 115 221 222	#73DDDE
83.3%	83.3% #61D5D6	RVB 97 213 214	#61D5D6
100.0%	100.0% #4FCECE	RVB 79 206 206	#4FCECE

#BCFDFF #A9F5F6 #97EDEE #85E5E6 #73DDDE #61D5D6 #4FCECE

#BCFDFF - #4FCECE

Mélange HSV

#BCFDFF - #4FCECE | 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 #BCFDFF 0% et #4FCECE 100%.

0.0%	0.0% #BCFDFF	RVB 188 253 255	#BCFDFF
16.7%	16.7% #A7F4F6	RVB 167 244 246	#A7F4F6
33.3%	33.3% #93ECEE	RVB 147 236 238	#93ECEE
50.0%	50.0% #81E4E6	RVB 129 228 230	#81E4E6
66.7%	66.7% #6FDDDE	RVB 111 221 222	#6FDDDE
83.3%	83.3% #5ED5D6	RVB 94 213 214	#5ED5D6
100.0%	100.0% #4FCECE	RVB 79 206 206	#4FCECE

#BCFDFF #A7F4F6 #93ECEE #81E4E6 #6FDDDE #5ED5D6 #4FCECE

#BCFDFF - #81E4E6 - #4FCECE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCFDFF 0%, #81E4E6 50%, #4FCECE 100%);
    background: -webkit-linear-gradient(top, #BCFDFF 0%, #81E4E6 50%, #4FCECE 100%);
    background: linear-gradient(to bottom, #BCFDFF 0%, #81E4E6 50%, #4FCECE 100%);
}
</style>