#4A8F8F - #CBDFDF | 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 #4A8F8F à #CBDFDF

#4A8F8F #CBDFDF

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

#4A8F8F - #CBDFDF | 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 #4A8F8F 0% et #CBDFDF 100%.

0.0%	0.0% #4A8F8F	RVB 74 143 143	#4A8F8F
16.7%	16.7% #5F9C9C	RVB 95 156 156	#5F9C9C
33.3%	33.3% #75A9A9	RVB 117 169 169	#75A9A9
50.0%	50.0% #8AB7B7	RVB 138 183 183	#8AB7B7
66.7%	66.7% #A0C4C4	RVB 160 196 196	#A0C4C4
83.3%	83.3% #B5D1D1	RVB 181 209 209	#B5D1D1
100.0%	100.0% #CBDFDF	RVB 203 223 223	#CBDFDF

#4A8F8F #5F9C9C #75A9A9 #8AB7B7 #A0C4C4 #B5D1D1 #CBDFDF

#4A8F8F - #CBDFDF

Mélange HSV

#4A8F8F - #CBDFDF | 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 #4A8F8F 0% et #CBDFDF 100%.

0.0%	0.0% #4A8F8F	RVB 74 143 143	#4A8F8F
16.7%	16.7% #5B9C9C	RVB 91 156 156	#5B9C9C
33.3%	33.3% #6EA9A9	RVB 110 169 169	#6EA9A9
50.0%	50.0% #82B7B7	RVB 130 183 183	#82B7B7
66.7%	66.7% #99C4C4	RVB 153 196 196	#99C4C4
83.3%	83.3% #B1D1D1	RVB 177 209 209	#B1D1D1
100.0%	100.0% #CBDFDF	RVB 203 223 223	#CBDFDF

#4A8F8F #5B9C9C #6EA9A9 #82B7B7 #99C4C4 #B1D1D1 #CBDFDF

#4A8F8F - #82B7B7 - #CBDFDF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8F8F 0%, #82B7B7 50%, #CBDFDF 100%);
    background: -webkit-linear-gradient(top, #4A8F8F 0%, #82B7B7 50%, #CBDFDF 100%);
    background: linear-gradient(to bottom, #4A8F8F 0%, #82B7B7 50%, #CBDFDF 100%);
}
</style>