#C0CCB7 - #EEECC7 | 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 #C0CCB7 à #EEECC7

#C0CCB7 #EEECC7

Calculez la couleur entre deux couleurs, #C0CCB7 et #EEECC7. 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)

#C0CCB7 - #EEECC7 | 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 #C0CCB7 0% et #EEECC7 100%.

0.0%	0.0% #C0CCB7	RVB 192 204 183	#C0CCB7
16.7%	16.7% #C7D1B9	RVB 199 209 185	#C7D1B9
33.3%	33.3% #CFD6BC	RVB 207 214 188	#CFD6BC
50.0%	50.0% #D7DCBF	RVB 215 220 191	#D7DCBF
66.7%	66.7% #DEE1C1	RVB 222 225 193	#DEE1C1
83.3%	83.3% #E6E6C4	RVB 230 230 196	#E6E6C4
100.0%	100.0% #EEECC7	RVB 238 236 199	#EEECC7

#C0CCB7 #C7D1B9 #CFD6BC #D7DCBF #DEE1C1 #E6E6C4 #EEECC7

#C0CCB7 - #EEECC7

Mélange HSV

#C0CCB7 - #EEECC7 | 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 #C0CCB7 0% et #EEECC7 100%.

0.0%	0.0% #C0CCB7	RVB 192 204 183	#C0CCB7
16.7%	16.7% #C6D1B9	RVB 198 209 185	#C6D1B9
33.3%	33.3% #CDD7BC	RVB 205 215 188	#CDD7BC
50.0%	50.0% #D5DDBF	RVB 213 221 191	#D5DDBF
66.7%	66.7% #DDE2C2	RVB 221 226 194	#DDE2C2
83.3%	83.3% #E6E8C4	RVB 230 232 196	#E6E8C4
100.0%	100.0% #EEECC7	RVB 238 236 199	#EEECC7

#C0CCB7 #C6D1B9 #CDD7BC #D5DDBF #DDE2C2 #E6E8C4 #EEECC7

#C0CCB7 - #D5DDBF - #EEECC7

Codes CSS

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

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