#45ABC6 - #CFE1D0 | 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 #45ABC6 à #CFE1D0

#45ABC6 #CFE1D0

Calculez la couleur entre deux couleurs, #45ABC6 et #CFE1D0. 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)

#45ABC6 - #CFE1D0 | 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 #45ABC6 0% et #CFE1D0 100%.

0.0%	0.0% #45ABC6	RVB 69 171 198	#45ABC6
16.7%	16.7% #5CB4C7	RVB 92 180 199	#5CB4C7
33.3%	33.3% #73BDC9	RVB 115 189 201	#73BDC9
50.0%	50.0% #8AC6CB	RVB 138 198 203	#8AC6CB
66.7%	66.7% #A1CFCC	RVB 161 207 204	#A1CFCC
83.3%	83.3% #B8D8CE	RVB 184 216 206	#B8D8CE
100.0%	100.0% #CFE1D0	RVB 207 225 208	#CFE1D0

#45ABC6 #5CB4C7 #73BDC9 #8AC6CB #A1CFCC #B8D8CE #CFE1D0

#45ABC6 - #CFE1D0

Mélange HSV

#45ABC6 - #CFE1D0 | 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 #45ABC6 0% et #CFE1D0 100%.

0.0%	0.0% #44ABC6	RVB 68 171 198	#44ABC6
16.7%	16.7% #59C8CA	RVB 89 200 202	#59C8CA
33.3%	33.3% #6FCFBE	RVB 111 207 190	#6FCFBE
50.0%	50.0% #86D3B7	RVB 134 211 183	#86D3B7
66.7%	66.7% #9DD8B7	RVB 157 216 183	#9DD8B7
83.3%	83.3% #B5DCBF	RVB 181 220 191	#B5DCBF
100.0%	100.0% #CFE1D0	RVB 207 225 208	#CFE1D0

#44ABC6 #59C8CA #6FCFBE #86D3B7 #9DD8B7 #B5DCBF #CFE1D0

#45ABC6 - #86D3B7 - #CFE1D0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44ABC6 0%, #86D3B7 50%, #CFE1D0 100%);
    background: -webkit-linear-gradient(top, #44ABC6 0%, #86D3B7 50%, #CFE1D0 100%);
    background: linear-gradient(to bottom, #44ABC6 0%, #86D3B7 50%, #CFE1D0 100%);
}
</style>