#CFBACB - #DBECE5 | 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 #CFBACB à #DBECE5

#CFBACB #DBECE5

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

#CFBACB - #DBECE5 | 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 #CFBACB 0% et #DBECE5 100%.

0.0%	0.0% #CFBACB	RVB 207 186 203	#CFBACB
16.7%	16.7% #D1C2CF	RVB 209 194 207	#D1C2CF
33.3%	33.3% #D3CAD3	RVB 211 202 211	#D3CAD3
50.0%	50.0% #D5D3D8	RVB 213 211 216	#D5D3D8
66.7%	66.7% #D7DBDC	RVB 215 219 220	#D7DBDC
83.3%	83.3% #D9E3E0	RVB 217 227 224	#D9E3E0
100.0%	100.0% #DBECE5	RVB 219 236 229	#DBECE5

#CFBACB #D1C2CF #D3CAD3 #D5D3D8 #D7DBDC #D9E3E0 #DBECE5

#CFBACB - #DBECE5

Mélange HSV

#CFBACB - #DBECE5 | 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 #CFBACB 0% et #DBECE5 100%.

0.0%	0.0% #CFBACB	RVB 207 186 203	#CFBACB
16.7%	16.7% #CEBFD3	RVB 206 191 211	#CEBFD3
33.3%	33.3% #CBC4D8	RVB 203 196 216	#CBC4D8
50.0%	50.0% #CACCDD	RVB 202 204 221	#CACCDD
66.7%	66.7% #CFD9E2	RVB 207 217 226	#CFD9E2
83.3%	83.3% #D5E6E7	RVB 213 230 231	#D5E6E7
100.0%	100.0% #DBECE5	RVB 219 236 229	#DBECE5

#CFBACB #CEBFD3 #CBC4D8 #CACCDD #CFD9E2 #D5E6E7 #DBECE5

#CFBACB - #CACCDD - #DBECE5

Codes CSS

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

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