#C92AC2 - #FBA4F6 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C92AC2 a #FBA4F6

#C92AC2 #FBA4F6

Calcule el color entre dos colores, #C92AC2 y #FBA4F6. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C92AC2 - #FBA4F6 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C92AC2 como 0% y #FBA4F6 como 100%.

0.0%	0.0% #C92AC2	RGB 201 42 194	#C92AC2
16.7%	16.7% #D13ECA	RGB 209 62 202	#D13ECA
33.3%	33.3% #D952D3	RGB 217 82 211	#D952D3
50.0%	50.0% #E267DC	RGB 226 103 220	#E267DC
66.7%	66.7% #EA7BE4	RGB 234 123 228	#EA7BE4
83.3%	83.3% #F28FED	RGB 242 143 237	#F28FED
100.0%	100.0% #FBA4F6	RGB 251 164 246	#FBA4F6

#C92AC2 #D13ECA #D952D3 #E267DC #EA7BE4 #F28FED #FBA4F6

#C92AC2 - #FBA4F6

Mezcla HSV

#C92AC2 - #FBA4F6 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C92AC2 como 0% y #FBA4F6 como 100%.

0.0%	0.0% #C92AC1	RGB 201 42 193	#C92AC1
16.7%	16.7% #D13BCA	RGB 209 59 202	#D13BCA
33.3%	33.3% #D94DD2	RGB 217 77 210	#D94DD2
50.0%	50.0% #E261DB	RGB 226 97 219	#E261DB
66.7%	66.7% #EA76E4	RGB 234 118 228	#EA76E4
83.3%	83.3% #F28CED	RGB 242 140 237	#F28CED
100.0%	100.0% #FBA4F6	RGB 251 164 246	#FBA4F6

#C92AC1 #D13BCA #D94DD2 #E261DB #EA76E4 #F28CED #FBA4F6

#C92AC2 - #E261DB - #FBA4F6

Códigos CSS

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

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