#C5E8F7 - #67ABC9 | 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 #C5E8F7 à #67ABC9

#C5E8F7 #67ABC9

Calculez la couleur entre deux couleurs, #C5E8F7 et #67ABC9. 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)

#C5E8F7 - #67ABC9 | 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 #C5E8F7 0% et #67ABC9 100%.

0.0%	0.0% #C5E8F7	RVB 197 232 247	#C5E8F7
16.7%	16.7% #B5DDEF	RVB 181 221 239	#B5DDEF
33.3%	33.3% #A5D3E7	RVB 165 211 231	#A5D3E7
50.0%	50.0% #96C9E0	RVB 150 201 224	#96C9E0
66.7%	66.7% #86BFD8	RVB 134 191 216	#86BFD8
83.3%	83.3% #76B5D0	RVB 118 181 208	#76B5D0
100.0%	100.0% #67ABC9	RVB 103 171 201	#67ABC9

#C5E8F7 #B5DDEF #A5D3E7 #96C9E0 #86BFD8 #76B5D0 #67ABC9

#C5E8F7 - #67ABC9

Mélange HSV

#C5E8F7 - #67ABC9 | 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 #C5E8F7 0% et #67ABC9 100%.

0.0%	0.0% #C5E8F7	RVB 197 232 247	#C5E8F7
16.7%	16.7% #B3DDEF	RVB 179 221 239	#B3DDEF
33.3%	33.3% #A2D2E7	RVB 162 210 231	#A2D2E7
50.0%	50.0% #92C8E0	RVB 146 200 224	#92C8E0
66.7%	66.7% #83BED8	RVB 131 190 216	#83BED8
83.3%	83.3% #74B4D0	RVB 116 180 208	#74B4D0
100.0%	100.0% #67ABC9	RVB 103 171 201	#67ABC9

#C5E8F7 #B3DDEF #A2D2E7 #92C8E0 #83BED8 #74B4D0 #67ABC9

#C5E8F7 - #92C8E0 - #67ABC9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E8F7 0%, #92C8E0 50%, #67ABC9 100%);
    background: -webkit-linear-gradient(top, #C5E8F7 0%, #92C8E0 50%, #67ABC9 100%);
    background: linear-gradient(to bottom, #C5E8F7 0%, #92C8E0 50%, #67ABC9 100%);
}
</style>