#4A8C8C - #CBDEDE | 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 #4A8C8C à #CBDEDE

#4A8C8C #CBDEDE

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

#4A8C8C - #CBDEDE | 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 #4A8C8C 0% et #CBDEDE 100%.

0.0%	0.0% #4A8C8C	RVB 74 140 140	#4A8C8C
16.7%	16.7% #5F9999	RVB 95 153 153	#5F9999
33.3%	33.3% #75A7A7	RVB 117 167 167	#75A7A7
50.0%	50.0% #8AB5B5	RVB 138 181 181	#8AB5B5
66.7%	66.7% #A0C2C2	RVB 160 194 194	#A0C2C2
83.3%	83.3% #B5D0D0	RVB 181 208 208	#B5D0D0
100.0%	100.0% #CBDEDE	RVB 203 222 222	#CBDEDE

#4A8C8C #5F9999 #75A7A7 #8AB5B5 #A0C2C2 #B5D0D0 #CBDEDE

#4A8C8C - #CBDEDE

Mélange HSV

#4A8C8C - #CBDEDE | 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 #4A8C8C 0% et #CBDEDE 100%.

0.0%	0.0% #4A8C8C	RVB 74 140 140	#4A8C8C
16.7%	16.7% #5B9999	RVB 91 153 153	#5B9999
33.3%	33.3% #6DA7A7	RVB 109 167 167	#6DA7A7
50.0%	50.0% #82B5B5	RVB 130 181 181	#82B5B5
66.7%	66.7% #98C2C2	RVB 152 194 194	#98C2C2
83.3%	83.3% #B1D0D0	RVB 177 208 208	#B1D0D0
100.0%	100.0% #CBDEDE	RVB 203 222 222	#CBDEDE

#4A8C8C #5B9999 #6DA7A7 #82B5B5 #98C2C2 #B1D0D0 #CBDEDE

#4A8C8C - #82B5B5 - #CBDEDE

Codes CSS

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

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