#CC3C92 - #F0C7DF | 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 #CC3C92 à #F0C7DF

#CC3C92 #F0C7DF

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

#CC3C92 - #F0C7DF | 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 #CC3C92 0% et #F0C7DF 100%.

0.0%	0.0% #CC3C92	RVB 204 60 146	#CC3C92
16.7%	16.7% #D2539E	RVB 210 83 158	#D2539E
33.3%	33.3% #D86AAB	RVB 216 106 171	#D86AAB
50.0%	50.0% #DE81B8	RVB 222 129 184	#DE81B8
66.7%	66.7% #E498C5	RVB 228 152 197	#E498C5
83.3%	83.3% #EAAFD2	RVB 234 175 210	#EAAFD2
100.0%	100.0% #F0C7DF	RVB 240 199 223	#F0C7DF

#CC3C92 #D2539E #D86AAB #DE81B8 #E498C5 #EAAFD2 #F0C7DF

#CC3C92 - #F0C7DF

Mélange HSV

#CC3C92 - #F0C7DF | 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 #CC3C92 0% et #F0C7DF 100%.

0.0%	0.0% #CC3C91	RVB 204 60 145	#CC3C91
16.7%	16.7% #D2509D	RVB 210 80 157	#D2509D
33.3%	33.3% #D866A9	RVB 216 102 169	#D866A9
50.0%	50.0% #DE7CB6	RVB 222 124 182	#DE7CB6
66.7%	66.7% #E494C3	RVB 228 148 195	#E494C3
83.3%	83.3% #EAADD0	RVB 234 173 208	#EAADD0
100.0%	100.0% #F0C7DF	RVB 240 199 223	#F0C7DF

#CC3C91 #D2509D #D866A9 #DE7CB6 #E494C3 #EAADD0 #F0C7DF

#CC3C92 - #DE7CB6 - #F0C7DF

Codes CSS

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

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