#C92DA1 - #FF9AC9 | 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 #C92DA1 à #FF9AC9

#C92DA1 #FF9AC9

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

#C92DA1 - #FF9AC9 | 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 #C92DA1 0% et #FF9AC9 100%.

0.0%	0.0% #C92DA1	RVB 201 45 161	#C92DA1
16.7%	16.7% #D23FA7	RVB 210 63 167	#D23FA7
33.3%	33.3% #DB51AE	RVB 219 81 174	#DB51AE
50.0%	50.0% #E463B5	RVB 228 99 181	#E463B5
66.7%	66.7% #ED75BB	RVB 237 117 187	#ED75BB
83.3%	83.3% #F687C2	RVB 246 135 194	#F687C2
100.0%	100.0% #FF9AC9	RVB 255 154 201	#FF9AC9

#C92DA1 #D23FA7 #DB51AE #E463B5 #ED75BB #F687C2 #FF9AC9

#C92DA1 - #FF9AC9

Mélange HSV

#C92DA1 - #FF9AC9 | 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 #C92DA1 0% et #FF9AC9 100%.

0.0%	0.0% #C92DA0	RVB 201 45 160	#C92DA0
16.7%	16.7% #D23CA4	RVB 210 60 164	#D23CA4
33.3%	33.3% #DB4CA9	RVB 219 76 169	#DB4CA9
50.0%	50.0% #E45EAF	RVB 228 94 175	#E45EAF
66.7%	66.7% #ED71B6	RVB 237 113 182	#ED71B6
83.3%	83.3% #F684BE	RVB 246 132 190	#F684BE
100.0%	100.0% #FF9AC9	RVB 255 154 201	#FF9AC9

#C92DA0 #D23CA4 #DB4CA9 #E45EAF #ED71B6 #F684BE #FF9AC9

#C92DA1 - #E45EAF - #FF9AC9

Codes CSS

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

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